keannu125/StudE-Frontend
1
0
Fork 0
mirror of https://github.com/lemeow125/StudE-Frontend.git synced 2025-05-17 11:58:06 +08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added content to onboarding and improved button to be responsive if disabled

Browse source
This commit is contained in:
Keannu Christian Bernasol 2023-07-06 16:04:57 +08:00
parent 99d42f5125
commit cf08dab685
5 changed files with 53 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

26
src/routes/Onboarding/Onboarding.tsx
View file

@ -6,6 +6,7 @@ import { RootDrawerParamList } from "../../interfaces/Interfaces";
import { colors } from "../../styles";
import { AnimatePresence, MotiView } from "moti";
import { useEffect, useState } from "react";
import Button from "../../components/Button/Button";
export default function Onboarding() {
const navigation = useNavigation<RootDrawerParamList>();
// const dispatch = useDispatch();
@ -15,6 +16,17 @@ export default function Onboarding() {
course: "",
semester: "",
});
function isStringEmpty(str: string) {
return str === "" || str === null || str === undefined;
}
const [complete, setComplete] = useState(false);
useEffect(() => {
setComplete(
!isStringEmpty(student_info.year_level) &&
!isStringEmpty(student_info.course) &&
!isStringEmpty(student_info.semester)
);
}, [student_info]);
function Introduction() {
const [shown, setShown] = useState(true);
useEffect(() => {
@ -72,6 +84,20 @@ export default function Onboarding() {
>
<Text style={styles.text_white_medium}>Academic Info</Text>
</MotiView>
<MotiView
from={{ opacity: 0 }}
animate={{ opacity: 1 }}
transition={{ type: "timing", duration: 900, delay: 2000 }}
style={styles.button_template}
>
<Button
disabled={!complete}
onPress={() => console.log(complete)}
color={colors.blue_3}
>
<Text style={styles.text_white_small}>Proceed</Text>
</Button>
</MotiView>
</View>
</View>
);