user facing metadata error

tloncorp · Oct 7, 2024 · 20d842a · 20d842a
1 parent 25b960e
commit 20d842a
Showing 1 changed file with 27 additions and 9 deletions.
diff --git a/apps/tlon-mobile/src/screens/Onboarding/PasteInviteLinkScreen.tsx b/apps/tlon-mobile/src/screens/Onboarding/PasteInviteLinkScreen.tsx
@@ -20,7 +20,8 @@ import {
   View,
   YStack,
 } from '@tloncorp/ui';
-import { useCallback, useEffect } from 'react';
+import { trackError } from 'packages/app/utils/posthog';
+import { useCallback, useEffect, useState } from 'react';
 import { Controller, useForm } from 'react-hook-form';
 import { Keyboard } from 'react-native';
 
@@ -53,6 +54,8 @@ export const PasteInviteLinkScreen = ({ navigation }: Props) => {
     },
   });
 
+  const [metadataError, setMetadataError] = useState<string | null>(null);
+
   // watch for changes to the input & check for valid invite links
   const inviteLinkValue = watch('inviteLink');
   useEffect(() => {
@@ -61,14 +64,29 @@ export const PasteInviteLinkScreen = ({ navigation }: Props) => {
         inviteLinkValue,
         BRANCH_DOMAIN
       );
+      setMetadataError(null);
       if (extractedLink) {
-        const inviteLinkMeta = await getMetadaFromInviteLink(
-          extractedLink,
-          BRANCH_KEY
-        );
-        if (inviteLinkMeta) {
-          setLure(inviteLinkMeta as DeepLinkData);
-          return;
+        try {
+          const inviteLinkMeta = await getMetadaFromInviteLink(
+            extractedLink,
+            BRANCH_KEY
+          );
+          if (inviteLinkMeta) {
+            setLure(inviteLinkMeta as DeepLinkData);
+            return;
+          } else {
+            throw new Error('Failed to retrieve invite metadata');
+          }
+        } catch (e) {
+          trackError({
+            message: e.message,
+            properties: {
+              inviteLink: extractedLink,
+              branchDomain: BRANCH_DOMAIN,
+              branchKey: BRANCH_KEY,
+            },
+          });
+          setMetadataError('Unable to load invite');
         }
       }
       trigger('inviteLink');
@@ -134,7 +152,7 @@ export const PasteInviteLinkScreen = ({ navigation }: Props) => {
           render={({ field: { onChange, onBlur, value } }) => (
             <Field
               label="Invite Link"
-              error={errors.inviteLink?.message}
+              error={metadataError ?? errors.inviteLink?.message}
               paddingTop="$l"
             >
               <TextInputWithButton