// or whatever name it is
const MainScreen = () => {
const [showpass, setshowpass] = useState();
useEffect(() => {
const getState = async () => {
const result = await hasPassed()
setshowpass(result ? result.hasPassed : false)
}
getState()
}, [])
// since it is async
if (showpass === undefined) {
return null
}
return (
<View style={styles.body}>
<Modal
transparent={false}
visible={showpass}
animationType='slide'
hardwareAccelerated
>
<View style={styles.body}>
<Text style={styles.toptext}>Congratulations!</Text>
<Text style={styles.toptext}>Worked great in Turkishya!</Text>
<Text style={styles.topptext}>
And mastered the skill 'Alphabets'
</Text>
</View>
</Modal>
<View>
);
}