Set up dynamic links

Former-commit-id: 2fe9404
Former-commit-id: 74ec6cd

Author: SwiftWinds

App.js

@@ -16,7 +16,7 @@ export default function App() {
     <ActionSheetProvider>
       <NavigationContainer
         linking={{
-          prefixes: ["https://dogether.gg", "dogether://"],
+          prefixes: ["https://dogether-78b6f.web.app", "dogether://"],
           config: {
             screens: {
               Login: "login",
@@ -31,6 +31,12 @@ export default function App() {
                 },
               },
             },
+            User: {
+              path: "user/:id",
+              parse: {
+                id: (id) => Number(id),
+              },
+            },
           },
         }}
       >

app.json

@@ -14,9 +14,7 @@
     "updates": {
       "fallbackToCacheTimeout": 0
     },
-    "assetBundlePatterns": [
-      "**/*"
-    ],
+    "assetBundlePatterns": ["**/*"],
     "ios": {
       "bundleIdentifier": "gg.dogether.app",
       "supportsTablet": true
@@ -26,7 +24,21 @@
       "adaptiveIcon": {
         "foregroundImage": "./assets/adaptive-icon.png",
         "backgroundColor": "#FFFFFF"
-      }
+      },
+      "intentFilters": [
+        {
+          "action": "VIEW",
+          "autoVerify": true,
+          "data": [
+            {
+              "scheme": "https",
+              "host": "dogether.page.link",
+              "pathPrefix": "/"
+            }
+          ],
+          "category": ["BROWSABLE", "DEFAULT"]
+        }
+      ]
     },
     "web": {
       "favicon": "./assets/favicon.png"

screens/Login.js

@@ -81,7 +81,7 @@ export default function Login() {
           returnKeyType="next"
           keyboardType="email-address"
           onChangeText={setEmail}
-          onSubmitEditing={passwordInputRef.current.focus}
+          onSubmitEditing={passwordInputRef?.current?.focus}
           value={email}
         />
         <TextInput

screens/Partner.js

@@ -1,23 +1,48 @@
-import React from "react";
-import {
-  View,
-  Text,
-  StyleSheet,
-  Pressable,
-  TouchableOpacity,
-} from "react-native";
 import * as Clipboard from "expo-clipboard";
-import InlineBtn from "../components/InlineBtn";
+import React from "react";
+import { View, Text, StyleSheet, TouchableOpacity } from "react-native";
+
+import { auth } from "../config";
+
+const WEB_API_KEY = "AIzaSyCJ2FY69u3jR8WMVLCT_TDrkKyqkUE2Y3k";
+
+const copyInvitationUrl = async () => {
+  try {
+    const payload = {
+      dynamicLinkInfo: {
+        domainUriPrefix: "https://dogether.page.link",
+        link: `https://dogether-78b6f.web.app/user/${auth.currentUser.uid}`,
+        androidInfo: {
+          androidPackageName: "gg.dogether.app",
+        },
+        socialMetaTagInfo: {
+          socialTitle: `New invite from ${auth.currentUser.displayName}`,
+          socialDescription: `${auth.currentUser.displayName} is using Dogether to stay accountable and motivated. Join them on their journey!`,
+          // socialImageLink: "<image-url>",
+        },
+      },
+    };
 
-const copyToClipboard = async () => {
-  await Clipboard.setStringAsync("Hello World");
-  alert("Copied to Clipboard!");
+    const url = `https://firebasedynamiclinks.googleapis.com/v1/shortLinks?key=${WEB_API_KEY}`;
+    const response = await fetch(url, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify(payload),
+    });
+    const json = await response.json();
+    await Clipboard.setStringAsync(json.shortLink);
+    alert("Copied to Clipboard!");
+  } catch (error) {
+    alert(error.message);
+  }
 };
 const Partner = () => {
   return (
     <View style={styles.container}>
       <Text style={styles.message}>Oops! You don't have a partner yet!</Text>
-      <TouchableOpacity style={styles.button} onPress={copyToClipboard}>
+      <TouchableOpacity style={styles.button} onPress={copyInvitationUrl}>
         <Text>Share link</Text>
       </TouchableOpacity>
     </View>