chore: replace placeholder buttons (#292)

* chore: fixed placeholder buttons * chore: translations * chore:translations * chore: reset nav state after project invite
digidem · Apr 25, 2024 · e2f9d19 · e2f9d19
1 parent ec280d4
commit e2f9d19
Show file tree

Hide file tree

Showing 3 changed files with 44 additions and 2 deletions.
diff --git a/messages/en.json b/messages/en.json
@@ -713,6 +713,9 @@
   "sharedComponents.ProjectInviteBottomSheet.goToMap": {
     "message": "Go To Map"
   },
+  "sharedComponents.ProjectInviteBottomSheet.goToSync": {
+    "message": "Go To Sync"
+  },
   "sharedComponents.ProjectInviteBottomSheet.invitedToJoin": {
     "message": "You've been invited to join {projName}"
   },

diff --git a/src/frontend/screens/Settings/CreateOrJoinProject/CreateProject/ProjectCreated.tsx b/src/frontend/screens/Settings/CreateOrJoinProject/CreateProject/ProjectCreated.tsx
@@ -49,6 +49,24 @@ export const ProjectCreated = ({
     );
   }
 
+  //This resets the navigation so the user cannot press back and return to this screen
+  function handleGoToInviteScreen() {
+    navigation.dispatch(state => {
+      const index = state.routes.findIndex(r => r.name === 'Settings');
+      const routes = [
+        ...state.routes.slice(0, index + 1),
+        {name: 'YourTeam'},
+        {name: 'SelectDevice'},
+      ];
+
+      return CommonActions.reset({
+        ...state,
+        routes,
+        index: routes.length - 1,
+      });
+    });
+  }
+
   return (
     <View style={styles.container}>
       <View style={{alignItems: 'center'}}>
@@ -64,7 +82,7 @@ export const ProjectCreated = ({
         </Text>
       </View>
       <View style={{width: '100%'}}>
-        <Button fullWidth variant="outlined" onPress={() => {}}>
+        <Button fullWidth variant="outlined" onPress={handleGoToInviteScreen}>
           {t(m.inviteDevice)}
         </Button>
         <Button style={{marginTop: 20}} fullWidth onPress={handleGoToMap}>

diff --git a/src/frontend/sharedComponents/ProjectInviteBottomSheet.tsx b/src/frontend/sharedComponents/ProjectInviteBottomSheet.tsx
@@ -11,7 +11,7 @@ import {LIGHT_GREY} from '../lib/styles';
 import {View} from 'react-native';
 import {useProjectInvite} from '../hooks/useProjectInvite';
 import {useNavigationFromRoot} from '../hooks/useNavigationWithTypes';
-import {useNavigationState} from '@react-navigation/native';
+import {CommonActions, useNavigationState} from '@react-navigation/native';
 import {isEditingScreen} from '../lib/utils';
 
 const m = defineMessages({
@@ -43,6 +43,10 @@ const m = defineMessages({
     id: 'sharedComponents.ProjectInviteBottomSheet.youHaveJoined',
     defaultMessage: 'You have joined {projName}',
   },
+  goToSync: {
+    id: 'sharedComponents.ProjectInviteBottomSheet.goToSync',
+    defaultMessage: 'Go To Sync',
+  },
 });
 
 export const ProjectInviteBottomSheet = () => {
@@ -62,6 +66,15 @@ export const ProjectInviteBottomSheet = () => {
     openSheet();
   }
 
+  function handleGoToSync() {
+    navigation.dispatch(
+      CommonActions.reset({
+        index: 1,
+        routes: [{name: 'Home'}, {name: 'Sync'}],
+      }),
+    );
+  }
+
   return (
     <BottomSheetModal ref={sheetRef} isOpen={isOpen} onDismiss={resetState}>
       {accept.isSuccess ? (
@@ -76,6 +89,14 @@ export const ProjectInviteBottomSheet = () => {
               },
               text: formatMessage(m.goToMap),
             },
+            {
+              onPress: () => {
+                handleGoToSync();
+                closeSheet();
+              },
+              text: formatMessage(m.goToSync),
+              variation: 'filled',
+            },
           ]}
           title={formatMessage(m.success)}
           description={formatMessage(m.youHaveJoined, {