Refactor(Drawer): Disable Drawer in Profile Screen:

Signed-off-by: Abderrahmane Bennani <[email protected]>
amosproj · Feb 1, 2025 · d02793f · d02793f
1 parent 9d803e7
commit d02793f
Showing 1 changed file with 56 additions and 19 deletions.
diff --git a/app/src/routes/AuthRoutes.tsx b/app/src/routes/AuthRoutes.tsx
@@ -2,9 +2,9 @@
 // Description: This file defines the navigation structure for authenticated users using React Navigation.
 // It sets up a drawer navigator with routes for various authenticated screens such as Home and Profile.
 
-import { createDrawerNavigator } from '@react-navigation/drawer';
-import { Drawer, Loading } from '@src/components';
-import { Collections, Screens, fireAuth, fireStore } from '@src/constants';
+import { createDrawerNavigator } from "@react-navigation/drawer";
+import { Drawer, Loading } from "@src/components";
+import { Collections, Screens, fireAuth, fireStore } from "@src/constants";
 import {
   ActivityPlayer,
   Favorite,
@@ -14,11 +14,11 @@ import {
   NewPlay,
   Onboarding,
   Profile,
-  Welcome
-} from '@src/screens';
-import { doc, getDoc } from 'firebase/firestore';
-import { useEffect, useState } from 'react';
-import { useAuthState } from 'react-firebase-hooks/auth';
+  Welcome,
+} from "@src/screens";
+import { doc, getDoc } from "firebase/firestore";
+import { useEffect, useState } from "react";
+import { useAuthState } from "react-firebase-hooks/auth";
 
 // Define the parameter types for the AuthRoutes drawer navigator
 export type AuthRoutesParams = {
@@ -53,7 +53,7 @@ export const AuthRoutes: React.FC = () => {
         if (!user) return;
         const userDocRef = doc(fireStore, Collections.Users, user.uid);
         const docData = await getDoc(userDocRef);
-        setIsFirstTimeUser(!docData.exists() || !docData.get('kids'));
+        setIsFirstTimeUser(!docData.exists() || !docData.get("kids"));
       } catch (error) {
         console.log(error);
       } finally {
@@ -64,7 +64,12 @@ export const AuthRoutes: React.FC = () => {
   }, []);
 
   if (isLoading) {
-    return <Loading heading='Loading...' description='Please wait while we load the content.' />;
+    return (
+      <Loading
+        heading="Loading..."
+        description="Please wait while we load the content."
+      />
+    );
   }
 
   return (
@@ -75,39 +80,71 @@ export const AuthRoutes: React.FC = () => {
       <AuthDrawer.Screen
         name={Screens.Welcome}
         component={Welcome}
-        options={{ headerShown: false, gestureHandlerProps: { enabled: false } }}
+        options={{
+          headerShown: false,
+          gestureHandlerProps: { enabled: false },
+        }}
+      />
+      <AuthDrawer.Screen
+        name={Screens.Home}
+        component={Home}
+        options={{ headerShown: false }}
+      />
+      <AuthDrawer.Screen
+        name={Screens.Profile}
+        component={Profile}
+        options={{
+          headerShown: false,
+          gestureHandlerProps: { enabled: false },
+        }}
       />
-      <AuthDrawer.Screen name={Screens.Home} component={Home} options={{ headerShown: false }} />
-      <AuthDrawer.Screen name={Screens.Profile} component={Profile} />
       <AuthDrawer.Screen
         name={Screens.Onboarding}
         component={Onboarding}
-        options={{ headerShown: false, gestureHandlerProps: { enabled: false } }}
+        options={{
+          headerShown: false,
+          gestureHandlerProps: { enabled: false },
+        }}
       />
       <AuthDrawer.Screen
         name={Screens.ActivityPlayer}
         component={ActivityPlayer}
-        options={{ headerShown: false, gestureHandlerProps: { enabled: false } }}
+        options={{
+          headerShown: false,
+          gestureHandlerProps: { enabled: false },
+        }}
       />
       <AuthDrawer.Screen
         name={Screens.Favorite}
         component={Favorite}
-        options={{ headerShown: false, gestureHandlerProps: { enabled: false } }}
+        options={{
+          headerShown: false,
+          gestureHandlerProps: { enabled: false },
+        }}
       />
       <AuthDrawer.Screen
         name={Screens.NewPlay}
         component={NewPlay}
-        options={{ headerShown: false, gestureHandlerProps: { enabled: false } }}
+        options={{
+          headerShown: false,
+          gestureHandlerProps: { enabled: false },
+        }}
       />
       <AuthDrawer.Screen
         name={Screens.NewKid}
         component={NewKid}
-        options={{ headerShown: false, gestureHandlerProps: { enabled: false } }}
+        options={{
+          headerShown: false,
+          gestureHandlerProps: { enabled: false },
+        }}
       />
       <AuthDrawer.Screen
         name={Screens.Feedback}
         component={Feedback}
-        options={{ headerShown: false, gestureHandlerProps: { enabled: false } }}
+        options={{
+          headerShown: false,
+          gestureHandlerProps: { enabled: false },
+        }}
       />
     </AuthDrawer.Navigator>
   );