mobile: Do the session routing in the homescreen

1 files changed, 16 insertions, 7 deletions

diff --git a/packages/mobile/app/index.tsx b/packages/mobile/app/index.tsx
index 557417d7..5ce20cda 100644
--- a/packages/mobile/app/index.tsx
+++ b/packages/mobile/app/index.tsx
@@ -1,11 +1,20 @@
-import { Link } from "expo-router";
+import { useRouter } from "expo-router";
+import { useEffect } from "react";
 import { View } from "react-native";
 
+import { useSession } from "@/lib/session";
+
 export default function App() {
-  return (
-    <View className="flex-1 items-center justify-center gap-4 bg-white">
-      <Link href="signin">Signin</Link>
-      <Link href="dashboard">Dashboard</Link>
-    </View>
-  );
+  const router = useRouter();
+  const { isLoggedIn } = useSession();
+  useEffect(() => {
+    if (isLoggedIn === undefined) {
+      // Wait until it's loaded
+    } else if (isLoggedIn) {
+      router.replace("dashboard");
+    } else {
+      router.replace("signin");
+    }
+  }, [isLoggedIn]);
+  return <View />;
 }