chore: pr changes

digidem · May 27, 2024 · b36e4a3 · b36e4a3
1 parent b2ef41d
commit b36e4a3
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 23 deletions.
diff --git a/messages/en.json b/messages/en.json
@@ -957,7 +957,7 @@
     "message": "Close"
   },
   "sharedComponents.ProjectInviteBottomSheet.InviteCancelled.projectInviteCanceled": {
-    "message": "Your invitation to {projName} has been canceled."
+    "message": "Your invitation to {projectName} has been canceled."
   },
   "sharedComponents.ProjectInviteBottomSheet.NewInviteBottomSheetContent.acceptInvite": {
     "message": "Accept Invite"
@@ -966,10 +966,10 @@
     "message": "Decline Invite"
   },
   "sharedComponents.ProjectInviteBottomSheet.NewInviteBottomSheetContent.invitedToJoin": {
-    "message": "You've been invited to join {projName}"
+    "message": "You've been invited to join {projectName}"
   },
   "sharedComponents.ProjectInviteBottomSheet.NewInviteBottomSheetContent.joinProject": {
-    "message": "Join Project {projName}"
+    "message": "Join Project {projectName}"
   },
   "sharedComponents.ProjectInviteBottomSheet.goToMap": {
     "message": "Go To Map"
@@ -981,7 +981,7 @@
     "message": "Success"
   },
   "sharedComponents.ProjectInviteBottomSheet.youHaveJoined": {
-    "message": "You have joined {projName}"
+    "message": "You have joined {projectName}"
   },
   "sharedComponents.RoleWithIcon.coordinator": {
     "message": "Coordinator"

diff --git a/src/frontend/sharedComponents/ProjectInviteBottomSheet/InviteCanceledBottomSheetContent.tsx b/src/frontend/sharedComponents/ProjectInviteBottomSheet/InviteCanceledBottomSheetContent.tsx
@@ -14,7 +14,7 @@ const m = defineMessages({
   },
   projectInviteCanceled: {
     id: 'sharedComponents.ProjectInviteBottomSheet.InviteCancelled.projectInviteCanceled',
-    defaultMessage: 'Your invitation to {projName} has been canceled.',
+    defaultMessage: 'Your invitation to {projectName} has been canceled.',
   },
 });
 
@@ -42,7 +42,7 @@ export const InviteCanceledBottomSheetContent = ({
       description={
         projectName
           ? formatMessage(m.projectInviteCanceled, {
-              projName: projectName,
+              projectName,
             })
           : undefined
       }

diff --git a/src/frontend/sharedComponents/ProjectInviteBottomSheet/InviteSuccessBottomSheetContent.tsx b/src/frontend/sharedComponents/ProjectInviteBottomSheet/InviteSuccessBottomSheetContent.tsx
@@ -16,7 +16,7 @@ const m = defineMessages({
   },
   youHaveJoined: {
     id: 'sharedComponents.ProjectInviteBottomSheet.youHaveJoined',
-    defaultMessage: 'You have joined {projName}',
+    defaultMessage: 'You have joined {projectName}',
   },
   goToSync: {
     id: 'sharedComponents.ProjectInviteBottomSheet.goToSync',
@@ -67,7 +67,7 @@ export const InviteSuccessBottomSheetContent = ({
       ]}
       title={formatMessage(m.success)}
       description={formatMessage(m.youHaveJoined, {
-        projName: projectName,
+        projectName,
       })}
       icon={<GreenCheck />}
     />

diff --git a/src/frontend/sharedComponents/ProjectInviteBottomSheet/NewInviteBottomSheetContent.tsx b/src/frontend/sharedComponents/ProjectInviteBottomSheet/NewInviteBottomSheetContent.tsx
@@ -4,6 +4,7 @@ import {View} from 'react-native';
 import {LIGHT_GREY} from '../../lib/styles';
 import InviteIcon from '../../images/AddPersonCircle.svg';
 import {defineMessages, useIntl} from 'react-intl';
+import {StyleSheet} from 'react-native';
 
 const m = defineMessages({
   declineInvite: {
@@ -16,11 +17,11 @@ const m = defineMessages({
   },
   joinProject: {
     id: 'sharedComponents.ProjectInviteBottomSheet.NewInviteBottomSheetContent.joinProject',
-    defaultMessage: 'Join Project {projName}',
+    defaultMessage: 'Join Project {projectName}',
   },
   invitedToJoin: {
     id: 'sharedComponents.ProjectInviteBottomSheet.NewInviteBottomSheetContent.invitedToJoin',
-    defaultMessage: "You've been invited to join {projName}",
+    defaultMessage: "You've been invited to join {projectName}",
   },
 });
 
@@ -54,23 +55,13 @@ export const NewInviteBottomSheetContent = ({
         },
       ]}
       title={formatMessage(m.joinProject, {
-        projName: projectName || '',
+        projectName: projectName || '',
       })}
       description={formatMessage(m.invitedToJoin, {
-        projName: projectName || '',
+        projectName: projectName || '',
       })}
       icon={
-        <View
-          style={{
-            borderColor: LIGHT_GREY,
-            borderWidth: 1,
-            borderRadius: 100,
-            alignItems: 'center',
-            shadowColor: '#171717',
-            shadowOffset: {width: -2, height: 4},
-            shadowOpacity: 0.2,
-            shadowRadius: 3,
-          }}>
+        <View style={styles.inviteIcon}>
           <InviteIcon
             style={{borderWidth: 1, borderColor: LIGHT_GREY}}
             fill={LIGHT_GREY}
@@ -82,3 +73,16 @@ export const NewInviteBottomSheetContent = ({
     />
   );
 };
+
+const styles = StyleSheet.create({
+  inviteIcon: {
+    borderColor: LIGHT_GREY,
+    borderWidth: 1,
+    borderRadius: 100,
+    alignItems: 'center',
+    shadowColor: '#171717',
+    shadowOffset: {width: -2, height: 4},
+    shadowOpacity: 0.2,
+    shadowRadius: 3,
+  },
+});