fix: delay camera (#76)

* fix: new index route

* fix: use hook

* fix: remove debugging statements

* fix: remove console log

app/_layout.tsx

@@ -47,22 +47,23 @@ SplashScreen.preventAutoHideAsync();
 export default function RootLayout() {
   const { isDarkColorScheme } = useColorScheme();
   const [fontsLoaded, setFontsLoaded] = React.useState(false);
+  const [checkedOnboarding, setCheckedOnboarding] = React.useState(false);
   useConnectionChecker();
 
   const rootNavigationState = useRootNavigationState();
   const hasNavigationState = !!rootNavigationState?.key;
 
-  React.useEffect(() => {
-    const checkOnboardingStatus = async () => {
-      const hasOnboarded = await secureStorage.getItem(hasOnboardedKey);
-      if (!hasOnboarded && hasNavigationState) {
-        router.replace("/onboarding");
-      }
-    };
+  async function  checkOnboardingStatus() {
+    const hasOnboarded = await secureStorage.getItem(hasOnboardedKey);
+    if (!hasOnboarded && hasNavigationState) {
+      router.replace("/onboarding");
+    }
 
-    checkOnboardingStatus();
+    setCheckedOnboarding(true);
+  };
+
+  async function loadFonts() {
 
-    (async () => {
       await Font.loadAsync({
         OpenRunde: require("./../assets/fonts/OpenRunde-Regular.otf"),
         "OpenRunde-Medium": require("./../assets/fonts/OpenRunde-Medium.otf"),
@@ -71,12 +72,27 @@ export default function RootLayout() {
       });
 
       setFontsLoaded(true);
-    })().finally(() => {
-      SplashScreen.hideAsync();
-    });
+  }
+
+  React.useEffect(() => {
+    const init = async () => {
+      try {
+        await Promise.all([
+          checkOnboardingStatus(),
+          loadFonts(),
+        ]);
+      }
+      finally {
+
+        SplashScreen.hideAsync();
+      }
+    };
+
+    init();
+
   }, [hasNavigationState]);
 
-  if (!fontsLoaded) {
+  if (!fontsLoaded || !checkedOnboarding) {
     return null;
   }
 

hooks/useOnboarding.ts

@@ -0,0 +1,18 @@
+import { hasOnboardedKey } from "lib/state/appStore";
+import React from "react";
+import { useEffect } from "react";
+import { secureStorage } from "~/lib/secureStorage";
+
+export function useOnboarding() {
+    const [onboarded, setOnboarded] = React.useState(false);
+    useEffect(() => {
+        async function checkOnboardingStatus() {
+            const hasOnboarded = await secureStorage.getItem(hasOnboardedKey);
+            setOnboarded(!!hasOnboarded);
+        };
+
+        checkOnboardingStatus();
+    });  
+
+    return onboarded;
+}

pages/Home.tsx

@@ -21,6 +21,7 @@ import LargeArrowDown from "~/components/icons/LargeArrowDown";
 import { SvgProps } from "react-native-svg";
 import { Button } from "~/components/ui/button";
 import Screen from "~/components/Screen";
+import { useOnboarding } from "~/hooks/useOnboarding";
 
 dayjs.extend(relativeTime);
 
@@ -40,6 +41,7 @@ export function Home() {
   );
   const [pressed, setPressed] = React.useState(false);
   const rootNavigationState = useRootNavigationState();
+  const isOnboarded = useOnboarding();
 
   useFocusEffect(() => {
     reloadBalance();
@@ -48,10 +50,11 @@ export function Home() {
   let hasNavigationState = !!rootNavigationState?.key;
   const hasNwcClient = !!nwcClient;
   React.useEffect(() => {
-    if (hasNavigationState && !hasNwcClient) {
+    if (hasNavigationState && !hasNwcClient && isOnboarded) {
       router.replace(`/settings/wallets/${selectedWalletId}/wallet-connection`);
     }
-  }, [hasNwcClient, hasNavigationState]);
+  }, [hasNwcClient, hasNavigationState, isOnboarded]);
+
   if (!nwcClient) {
     return <WalletConnection />;
   }

pages/Onboarding.tsx

@@ -9,7 +9,7 @@ import { hasOnboardedKey } from "~/lib/state/appStore";
 
 export function Onboarding() {
   async function finish() {
-    secureStorage.setItem(hasOnboardedKey, "true");
+    secureStorage.setItem(hasOnboardedKey, "true");    
     router.replace("/");
   }
 

pages/settings/Settings.tsx

@@ -85,6 +85,7 @@ export function Settings() {
                       onPress: () => {
                         router.dismissAll();
                         useAppStore.getState().reset();
+                        router.replace("/");
                       },
                     },
                   ],