Enable deep linking for authenticate.js

app.json

@@ -3,6 +3,7 @@
     "entryPoint": "./src/App.js",
     "name": "Resin",
     "slug": "Resin",
+    "scheme": "resin",
     "version": "1.0.0",
     "orientation": "portrait",
     "icon": "./assets/icon.png",

package.json

@@ -14,6 +14,7 @@
     "@react-navigation/native": "5.1.1",
     "@react-navigation/stack": "5.2.3",
     "expo": "^38.0.9",
+    "expo-linking": "^1.0.3",
     "expo-status-bar": "^1.0.2",
     "react": "~16.11.0",
     "react-dom": "~16.11.0",

src/App.js

@@ -6,6 +6,7 @@ import { createStackNavigator } from "react-navigation-stack";
 import { MenuProvider } from "react-native-popup-menu";
 
 import { registerRootComponent } from 'expo';
+import * as Linking from "expo-linking";
 
 import ViewPostJsx from "src/components/pages/view-post";
 import ViewCommentsJsx from "src/components/pages/view-comments.js";
@@ -23,7 +24,10 @@ import UserListJsx from "src/components/pages/user-list.js";
 import SettingsJsx from "src/components/pages/profile/settings.js";
 
 const Stack = createStackNavigator({
-    Authenticate: { screen: AuthenticateJsx },
+    Authenticate: {
+        screen: AuthenticateJsx,
+        path: "authenticate",
+    },
     Feed: { screen: FeedJsx, },
     Discover: { screen: DiscoverJsx },
     Direct: { screen: DirectJsx },
@@ -48,6 +52,8 @@ const Stack = createStackNavigator({
 
 const AppContainer = createAppContainer(Stack);
 
+const prefix = Linking.makeUrl("/");
+
 const App = (props) => {
     const providerStyles = {
         backdrop: {
@@ -57,7 +63,7 @@ const App = (props) => {
     };
 
     return <MenuProvider customStyles = { providerStyles }>
-        <AppContainer />
+        <AppContainer uriPrefix = { prefix }/>
     </MenuProvider>;
 };
 

src/components/pages/authenticate.js

@@ -47,9 +47,9 @@ const AuthenticateJsx = ({navigation}) => {
         AsyncStorage.getItem("@user_profile").then((profile) => {
             if (profile) {
                 navigation.navigate("Feed");
+            } else {
+                setState({...state, authChecked: true});
             }
-
-            setState({...state, authChecked: true});
         });
     }, []);