Make drawer bar responsive to onboarding status

src/components/DrawerSettings/CustomDrawerContent.tsx

@@ -19,9 +19,35 @@ import AsyncStorage from "@react-native-async-storage/async-storage";
 
 export default function CustomDrawerContent(props: {}) {
   const navigation = useNavigation<RootDrawerParamList>();
-  const logged_in = useSelector((state: RootState) => state.status.logged_in);
+  const status = useSelector((state: RootState) => state.status);
   const dispatch = useDispatch();
-  if (logged_in) {
+  if (status.logged_in && status.onboarding) {
+    return (
+      <DrawerContentScrollView {...props}>
+        <View
+          style={{
+            ...styles.flex_row,
+            ...{ justifyContent: "center" },
+          }}
+        >
+          <AppIcon size={32} />
+          <Text style={styles.text_white_medium}>Stud-E</Text>
+        </View>
+
+        <DrawerButton
+          color={colors.blue_2}
+          onPress={async () => {
+            dispatch(logout());
+            await AsyncStorage.clear();
+            navigation.navigate("Login");
+          }}
+        >
+          <LogoutIcon size={32} />
+          <Text style={styles.text_white_medium}>Logout</Text>
+        </DrawerButton>
+      </DrawerContentScrollView>
+    );
+  } else if (status.logged_in) {
     return (
       <DrawerContentScrollView {...props}>
         <View

src/features/redux/slices/StatusSlice/StatusSlice.tsx

@@ -13,16 +13,17 @@ export const StatusSlice = createSlice({
     logout: (state) => {
       state.logged_in = false;
     },
-    onboard: (state) => {
+    setOnboarding: (state) => {
       state.onboarding = true;
     },
-    not_onboard: (state) => {
+    unsetOnboarding: (state) => {
       state.onboarding = false;
     },
   },
 });
 
 // Action creators are generated for each case reducer function
-export const { login, logout, onboard, not_onboard } = StatusSlice.actions;
+export const { login, logout, setOnboarding, unsetOnboarding } =
+  StatusSlice.actions;
 
 export default StatusSlice.reducer;

src/routes/Login/Login.tsx

@@ -18,7 +18,11 @@ import { UserInfo, UserLogin } from "../../components/Api/Api";
 import { ParseLoginError } from "../../components/ParseError/ParseError";
 import AnimatedContainer from "../../components/AnimatedContainer/AnimatedContainer";
 import { setUser } from "../../features/redux/slices/UserSlice/UserSlice";
-import { login } from "../../features/redux/slices/StatusSlice/StatusSlice";
+import {
+  login,
+  setOnboarding,
+  unsetOnboarding,
+} from "../../features/redux/slices/StatusSlice/StatusSlice";
 
 export default function Login() {
   const navigation = useNavigation<RootDrawerParamList>();
@@ -91,8 +95,10 @@ export default function Login() {
                   user_info[1].course == null ||
                   user_info[1].semester == null
                 ) {
+                  dispatch(setOnboarding());
                   navigation.navigate("Onboarding");
                 } else {
+                  dispatch(unsetOnboarding());
                   navigation.navigate("Home");
                 }
                 console.log(JSON.stringify(user_info));

src/routes/Revalidation/Revalidation.tsx

@@ -7,9 +7,13 @@ import { colors } from "../../styles";
 import { useEffect, useState } from "react";
 import { useNavigation } from "@react-navigation/native";
 import { RootDrawerParamList } from "../../interfaces/Interfaces";
-import { login } from "../../features/redux/slices/StatusSlice/StatusSlice";
+import {
+  login,
+  unsetOnboarding,
+} from "../../features/redux/slices/StatusSlice/StatusSlice";
 import AnimatedContainer from "../../components/AnimatedContainer/AnimatedContainer";
 import { setUser } from "../../features/redux/slices/UserSlice/UserSlice";
+import { setOnboarding } from "../../features/redux/slices/StatusSlice/StatusSlice";
 
 export default function Revalidation() {
   const dispatch = useDispatch();
@@ -29,10 +33,12 @@ export default function Revalidation() {
             user_info[1].semester
           )
         ) {
+          dispatch(setOnboarding());
           await setTimeout(() => {
             navigation.navigate("Onboarding");
           }, 700);
         } else {
+          dispatch(unsetOnboarding());
           await setTimeout(() => {
             navigation.navigate("Home");
           }, 700);