login without distant server local only mode

mobile/app/_layout.tsx

@@ -27,9 +27,11 @@ function AuthGate() {
   return (
     <>
       <Stack>
+        <Stack.Screen name="index" options={{ title: i18n.t('files') }} />
+        <Stack.Screen name="folder/[id]" options={{ title: i18n.t('folder') }} />
         <Stack.Screen name="login" options={{ title: i18n.t('login_title') }} />
       </Stack>
-      {/* Toute route est protégée tant qu'aucun compte n'est connecté. */}
+      {/* Rediriger vers la connexion uniquement si l'utilisateur n'a pas de session ET n'est pas en mode local. */}
       {status === 'signedOut' ? <Redirect href="/login" /> : null}
     </>
   );

mobile/app/login.tsx

@@ -7,7 +7,7 @@ import i18n from '../i18n';
 
 export default function Login() {
   const router = useRouter();
-  const { signIn, user } = useAuth();
+  const { signIn, user, continueWithoutAccount } = useAuth();
   const [username, setUsername] = useState('');
   const [password, setPassword] = useState('');
   const [submitting, setSubmitting] = useState(false);
@@ -73,6 +73,15 @@ export default function Login() {
           {submitting ? i18n.t('login_submitting') : i18n.t('login_submit')}
         </Text>
       </Pressable>
+      <Pressable
+        style={styles.skipButton}
+        onPress={() => {
+          continueWithoutAccount();
+          router.replace('/');
+        }}
+      >
+        <Text style={styles.skipButtonText}>{i18n.t('login_skip')}</Text>
+      </Pressable>
     </View>
   );
 }
@@ -118,4 +127,14 @@ const styles = StyleSheet.create({
     fontSize: 16,
     fontWeight: '600',
   },
+  skipButton: {
+    alignItems: 'center',
+    paddingVertical: 10,
+    marginTop: 4,
+  },
+  skipButtonText: {
+    color: '#1a73e8',
+    fontSize: 15,
+    fontWeight: '500',
+  },
 });