Accès à rien tant qu'on est pas connecté⋅e

client/app/_layout.tsx

@@ -1,15 +1,27 @@
 import { DarkTheme, DefaultTheme, ThemeProvider } from '@react-navigation/native'
-import { Stack } from "expo-router"
+import { Stack, useRouter } from "expo-router"
 import { useColorScheme } from '@/hooks/useColorScheme'
 import { StatusBar } from 'expo-status-bar'
 import { Provider as StoreProvider } from 'react-redux'
 import { MD3DarkTheme, MD3LightTheme, PaperProvider } from 'react-native-paper'
 import store from '@/utils/store'
+import * as SecureStore from '@/utils/SecureStore'
 import { useStartGeolocationServiceEffect } from '@/utils/geolocation'
+import { useEffect } from 'react'
+import { useRouteInfo } from 'expo-router/build/hooks'
 
 export default function RootLayout() {
   useStartGeolocationServiceEffect()
   const colorScheme = useColorScheme()
+  const router = useRouter()
+  const route = useRouteInfo()
+
+  // Si on est pas connecté⋅e, on reste sur la fenêtre de connexion
+  useEffect(() => {
+    const isLoggedIn = SecureStore.getItem("apiToken") !== null
+    if (!isLoggedIn && route.pathname !== "/login")
+      router.navigate("/login")
+  }, [route, router])
 
   return (
     <StoreProvider store={store}>