Feat(Multichain): update text on safe creation review step [SW-225] (#…

…4251) * Feat(Multichain): update text on safe creation review step * update create button text
safe-global · Sep 25, 2024 · d899d2b · d899d2b
1 parent ea83b21
commit d899d2b
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 9 deletions.
diff --git a/src/components/new-safe/create/steps/ReviewStep/index.tsx b/src/components/new-safe/create/steps/ReviewStep/index.tsx
@@ -118,7 +118,7 @@ export const SafeSetupOverview = ({
         name="Threshold"
         value={
           <Typography>
-            {threshold} out of {owners.length} signer(s)
+            {threshold} out of {owners.length} {owners.length > 1 ? 'signers' : 'signer'}
           </Typography>
         }
       />
@@ -439,7 +439,7 @@ const ReviewStep = ({ data, onSubmit, onBack, setStep }: StepRenderProps<NewSafe
             size="stretched"
             disabled={isDisabled}
           >
-            {isCreating ? <CircularProgress size={18} /> : 'Create'}
+            {isCreating ? <CircularProgress size={18} /> : 'Create Account'}
           </Button>
         </Box>
       </Box>

diff --git a/src/features/counterfactual/PayNowPayLater.tsx b/src/features/counterfactual/PayNowPayLater.tsx
@@ -43,23 +43,30 @@ const PayNowPayLater = ({
   return (
     <>
       <Typography variant="h4" fontWeight="bold">
-        Before you continue
+        Before we continue...
       </Typography>
       {isMultiChain && (
         <ErrorMessage level="info">
-          You will need to <b>activate your account</b> separately, on each network.
+          You will need to <b>activate your account</b> separately on each network. Make sure you have funds on your
+          wallet to pay the network fee.
         </ErrorMessage>
       )}
       <List>
+        {isMultiChain && (
+          <ListItem disableGutters>
+            <ListItemIcon className={css.listItem}>
+              <CheckRoundedIcon fontSize="small" color="inherit" />
+            </ListItemIcon>
+            <Typography variant="body2">
+              Start exploring the accounts now, and activate them later to start making transactions
+            </Typography>
+          </ListItem>
+        )}
         <ListItem disableGutters>
           <ListItemIcon className={css.listItem}>
             <CheckRoundedIcon fontSize="small" color="inherit" />
           </ListItemIcon>
-          <Typography variant="body2">
-            {`There will be a one-time network fee to activate your smart account wallet ${
-              isMultiChain ? 'on each network' : ''
-            }.`}
-          </Typography>
+          <Typography variant="body2">There will be a one-time activation fee</Typography>
         </ListItem>
         {!isMultiChain && (
           <ListItem disableGutters>