Merge pull request #5726 from parasharrajat/newWorkspaceInvite

Refactor Workspace Invite Member page

Author: Julesssss

src/components/FormAlertWithSubmitButton.js

@@ -16,6 +16,9 @@ const propTypes = {
     /** Whether to show the alert text */
     isAlertVisible: PropTypes.bool.isRequired,
 
+    /** Whether the button is disabled */
+    isDisabled: PropTypes.bool,
+
     /** Submit function */
     onSubmit: PropTypes.func.isRequired,
 
@@ -31,22 +34,29 @@ const propTypes = {
     /** Whether message is in html format */
     isMessageHtml: PropTypes.bool,
 
+    /** Styles for container element */
+    containerStyles: PropTypes.arrayOf(PropTypes.object),
+
     ...withLocalizePropTypes,
 };
 
 const defaultProps = {
     message: '',
+    isDisabled: false,
     isMessageHtml: false,
+    containerStyles: [],
 };
 
 const FormAlertWithSubmitButton = ({
     isAlertVisible,
+    isDisabled,
     onSubmit,
     buttonText,
     translate,
     onFixTheErrorsLinkPressed,
     message,
     isMessageHtml,
+    containerStyles,
 }) => {
     /**
      * @returns {React.Component}
@@ -91,7 +101,7 @@ const FormAlertWithSubmitButton = ({
     }
 
     return (
-        <View style={[styles.mh5, styles.mb5, styles.flex1, styles.justifyContentEnd]}>
+        <View style={[styles.mh5, styles.mb5, styles.flex1, styles.justifyContentEnd, ...containerStyles]}>
             {isAlertVisible && (
                 <View style={[styles.flexRow, styles.alignItemsCenter, styles.mb3]}>
                     <Icon src={Exclamation} fill={colors.red} />
@@ -100,9 +110,10 @@ const FormAlertWithSubmitButton = ({
             )}
             <Button
                 success
+                pressOnEnter
                 text={buttonText}
                 onPress={onSubmit}
-                pressOnEnter
+                isDisabled={isDisabled}
             />
         </View>
     );

src/languages/en.js

@@ -702,14 +702,9 @@ export default {
         },
         invite: {
             invitePeople: 'Invite new members',
-            invitePeoplePrompt: 'Invite new members to your workspace.',
             personalMessagePrompt: 'Add a personal message (optional)',
-            enterEmailOrPhone: 'Emails or phone numbers',
-            EmailOrPhonePlaceholder: 'Enter comma-separated list of emails or phone numbers',
-            pleaseEnterValidLogin: 'Please ensure the email or phone number is valid (e.g. +15005550006).',
-            pleaseEnterUniqueLogin: 'That user is already a member of this workspace.',
+            pleaseSelectUser: 'Please select a user from contacts.',
             genericFailureMessage: 'An error occurred inviting the user to the workspace, please try again.',
-            systemUserError: ({email}) => `Sorry, you cannot invite ${email} to a workspace.`,
             welcomeNote: ({workspaceName}) => `You have been invited to ${workspaceName}! Download the Expensify mobile app to start tracking your expenses.`,
         },
         editor: {

src/languages/es.js

@@ -704,14 +704,9 @@ export default {
         },
         invite: {
             invitePeople: 'Invitar nuevos miembros',
-            invitePeoplePrompt: 'Invita nuevos miembros a tu espacio de trabajo.',
             personalMessagePrompt: 'Agregar un mensaje personal (Opcional)',
-            enterEmailOrPhone: 'Correos electrónicos o números de teléfono',
-            EmailOrPhonePlaceholder: 'Introduce una lista de correos electrónicos o números de teléfono separado por comas',
-            pleaseEnterValidLogin: 'Asegúrese de que el correo electrónico o el número de teléfono sean válidos (e.g. +15005550006).',
-            pleaseEnterUniqueLogin: 'Ese usuario ya es miembro de este espacio de trabajo.',
+            pleaseSelectUser: 'Asegúrese de que el correo electrónico o el número de teléfono sean válidos (e.g. +15005550006).',
             genericFailureMessage: 'Se produjo un error al invitar al usuario al espacio de trabajo. Vuelva a intentarlo..',
-            systemUserError: ({email}) => `Lo sentimos, no puedes invitar a ${email} a un espacio de trabajo.`,
             welcomeNote: ({workspaceName}) => `¡Has sido invitado a ${workspaceName}! Descargue la aplicación móvil Expensify para comenzar a rastrear sus gastos.`,
         },
         editor: {

src/libs/actions/Policy.js

@@ -248,7 +248,7 @@ function invite(logins, welcomeNote, policyID) {
     policy.alertMessage = '';
 
     // Optimistically add the user to the policy
-    Onyx.set(key, policy);
+    Onyx.merge(key, policy);
 
     // Make the API call to merge the login into the policy
     API.Policy_Employees_Merge({