From 44a646e7898e3c6a0c8a65e8a19812e19e0b943e Mon Sep 17 00:00:00 2001
From: lukasschor <lukas.schor@gnosis.pm>
Date: Thu, 15 Apr 2021 16:22:38 +0200
Subject: [PATCH] Wording enhancements (#2120)

* Remove Multisig wording

* Change name for unnamed Safes

* Alignment with mobile copy
---
 public/index.html                             |  2 +-
 readme.md                                     |  2 +-
 .../AppLayout/MobileNotSupported/index.tsx    |  2 +-
 src/components/ConnectButton/index.tsx        |  2 +-
 .../load/components/DetailsForm/index.tsx     |  2 +-
 src/routes/load/components/Layout.tsx         |  4 ++--
 src/routes/load/container/Load.tsx            |  2 +-
 src/routes/open/components/Layout.tsx         |  2 +-
 .../open/components/SafeNameForm/index.tsx    |  4 ++--
 src/routes/safe/components/NoRights/index.tsx |  2 +-
 .../components/Settings/Advanced/index.tsx    |  4 ++--
 .../components/Settings/SafeDetails/index.tsx |  2 +-
 .../Settings/SpendingLimit/NewLimitSteps.tsx  |  2 +-
 .../Transactions/TxList/TxInfoCreation.tsx    |  2 +-
 .../Transactions/TxList/TxSummary.tsx         |  2 +-
 src/routes/welcome/components/index.tsx       | 22 +++++++++----------
 src/utils/constants.ts                        |  2 +-
 17 files changed, 29 insertions(+), 31 deletions(-)

diff --git a/public/index.html b/public/index.html
index 933b0c24..ac3e48c2 100644
--- a/public/index.html
+++ b/public/index.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="shortcut icon" href="favicon.ico">
     <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
-    <title>Gnosis Safe Multisig</title>
+    <title>Gnosis Safe</title>
   </head>
   <style>
     .safe-preloader-animation {
diff --git a/readme.md b/readme.md
index a7bf34d3..67646e3f 100644
--- a/readme.md
+++ b/readme.md
@@ -1,4 +1,4 @@
-# Gnosis Safe Multisig
+# Gnosis Safe
 
 The most trusted platform to store digital assets on Ethereum
 
diff --git a/src/components/AppLayout/MobileNotSupported/index.tsx b/src/components/AppLayout/MobileNotSupported/index.tsx
index 341a3ce1..bc2d4b17 100644
--- a/src/components/AppLayout/MobileNotSupported/index.tsx
+++ b/src/components/AppLayout/MobileNotSupported/index.tsx
@@ -112,7 +112,7 @@ export const MobileNotSupported = ({ onClose }: Props): ReactElement => {
       <Overlay>
         <ModalApp>
           <StyledCard>
-            <Text size="lg">The Safe Multisig web app is not optimized for mobile.</Text>
+            <Text size="lg">The Gnosis Safe web app is not optimized for mobile.</Text>
             <Text size="lg">Get the mobile app for a better experience.</Text>
             <Button size="md" color="primary" variant="contained">
               <StyledLink target="_blank" href="https://gnosis-safe.io/#mobile" rel="noopener noreferrer">
diff --git a/src/components/ConnectButton/index.tsx b/src/components/ConnectButton/index.tsx
index 05a83b08..f9036982 100644
--- a/src/components/ConnectButton/index.tsx
+++ b/src/components/ConnectButton/index.tsx
@@ -44,7 +44,7 @@ export const onboard = Onboard({
     },
   },
   walletSelect: {
-    description: 'Please select a wallet to connect to Gnosis Safe Multisig',
+    description: 'Please select a wallet to connect to Gnosis Safe',
     wallets,
   },
   walletCheck: [
diff --git a/src/routes/load/components/DetailsForm/index.tsx b/src/routes/load/components/DetailsForm/index.tsx
index 799d1c95..16ad1de1 100644
--- a/src/routes/load/components/DetailsForm/index.tsx
+++ b/src/routes/load/components/DetailsForm/index.tsx
@@ -80,7 +80,7 @@ const DetailsForm = ({ errors, form }: DetailsFormProps): React.ReactElement =>
     <>
       <Block margin="md">
         <Paragraph color="primary" noMargin size="md">
-          You are about to load an existing Gnosis Safe. First, choose a name and enter the Safe address. The name is
+          You are about to add an existing Gnosis Safe. First, choose a name and enter the Safe address. The name is
           only stored locally and will never be shared with Gnosis or any third parties.
           <br />
           Your connected wallet does not have to be the owner of this Safe. In this case, the interface will provide you
diff --git a/src/routes/load/components/Layout.tsx b/src/routes/load/components/Layout.tsx
index a1801110..c1a889d0 100644
--- a/src/routes/load/components/Layout.tsx
+++ b/src/routes/load/components/Layout.tsx
@@ -15,7 +15,7 @@ import { secondary, sm } from 'src/theme/variables'
 import { LoadFormValues } from '../container/Load'
 
 const steps = ['Name and address', 'Owners', 'Review']
-const buttonLabels = ['Next', 'Review', 'Load']
+const buttonLabels = ['Next', 'Review', 'Add']
 
 const iconStyle = {
   color: secondary,
@@ -48,7 +48,7 @@ const Layout = ({ network, onLoadSafeSubmit, provider, userAddress }: LayoutProp
           <IconButton disableRipple onClick={back} style={iconStyle}>
             <ChevronLeft />
           </IconButton>
-          <Heading tag="h2">Load existing Safe</Heading>
+          <Heading tag="h2">Add existing Safe</Heading>
         </Row>
         <Stepper<LoadFormValues>
           buttonLabels={buttonLabels}
diff --git a/src/routes/load/container/Load.tsx b/src/routes/load/container/Load.tsx
index 1557ba3a..10c6d9de 100644
--- a/src/routes/load/container/Load.tsx
+++ b/src/routes/load/container/Load.tsx
@@ -66,7 +66,7 @@ const Load = (): React.ReactElement => {
     let safeAddress = values[FIELD_LOAD_ADDRESS]
     // TODO: review this check. It doesn't seems to be necessary at this point
     if (!safeAddress) {
-      console.error('failed to load Safe address', JSON.stringify(values))
+      console.error('failed to add Safe address', JSON.stringify(values))
       return
     }
 
diff --git a/src/routes/open/components/Layout.tsx b/src/routes/open/components/Layout.tsx
index e7e1689d..9ae2b4e3 100644
--- a/src/routes/open/components/Layout.tsx
+++ b/src/routes/open/components/Layout.tsx
@@ -117,7 +117,7 @@ export const Layout = (props: LayoutProps): React.ReactElement => {
           <ChevronLeft />
         </IconButton>
         <Heading tag="h2" testId="create-safe-form-title">
-          Create New Safe
+          Create new Safe
         </Heading>
       </Row>
       <Stepper
diff --git a/src/routes/open/components/SafeNameForm/index.tsx b/src/routes/open/components/SafeNameForm/index.tsx
index 5d7e1837..67240bdf 100644
--- a/src/routes/open/components/SafeNameForm/index.tsx
+++ b/src/routes/open/components/SafeNameForm/index.tsx
@@ -44,8 +44,8 @@ const SafeNameForm = ({ safeName }: { safeName: string }): React.ReactElement =>
     <>
       <Block margin="lg">
         <Paragraph color="primary" noMargin size="lg">
-          You are about to create a new Gnosis Safe wallet with one or more owners. First, let&apos;s give your new
-          wallet a name. This name is only stored locally and will never be shared with Gnosis or any third parties.
+          You are about to create a new Safe with one or more owners. First, let&apos;s give your new Safe a name. This
+          name is only stored locally and will never be shared with Gnosis or any third parties.
         </Paragraph>
       </Block>
       <Block className={classes.root} margin="lg">
diff --git a/src/routes/safe/components/NoRights/index.tsx b/src/routes/safe/components/NoRights/index.tsx
index 6bfb3339..72e5b57c 100644
--- a/src/routes/safe/components/NoRights/index.tsx
+++ b/src/routes/safe/components/NoRights/index.tsx
@@ -12,7 +12,7 @@ const NoRights = () => (
   <Row>
     <Col center="xs" margin="md" sm={10} smOffset={2} start="sm" xs={12}>
       <Paragraph size="lg">
-        <Bold>Impossible load Safe, check its address and ownership</Bold>
+        <Bold>Not possible to add Safe, check its address and ownership</Bold>
       </Paragraph>
     </Col>
     <Col center="xs" margin="md" sm={10} smOffset={2} start="sm" xs={12}>
diff --git a/src/routes/safe/components/Settings/Advanced/index.tsx b/src/routes/safe/components/Settings/Advanced/index.tsx
index f9d98d38..cd963b45 100644
--- a/src/routes/safe/components/Settings/Advanced/index.tsx
+++ b/src/routes/safe/components/Settings/Advanced/index.tsx
@@ -57,8 +57,8 @@ export const Advanced = (): React.ReactElement => {
           Safe Nonce
         </Title>
         <InfoText size="lg">
-          For security reasons, transactions made with the Safe need to be executed in order. The nonce shows you which
-          transaction was executed most recently. You can find the nonce for a transaction in the transaction details.
+          For security reasons, transactions made with Gnosis Safe need to be executed in order. The nonce shows you
+          which transaction will be executed next. You can find the nonce for a transaction in the transaction details.
         </InfoText>
         <InfoText color="secondaryLight" size="xl">
           Current Nonce: <Bold>{nonce}</Bold>
diff --git a/src/routes/safe/components/Settings/SafeDetails/index.tsx b/src/routes/safe/components/Settings/SafeDetails/index.tsx
index 3beb72e5..c1f26862 100644
--- a/src/routes/safe/components/Settings/SafeDetails/index.tsx
+++ b/src/routes/safe/components/Settings/SafeDetails/index.tsx
@@ -120,7 +120,7 @@ const SafeDetails = (): React.ReactElement => {
       {() => (
         <>
           <Block className={classes.formContainer}>
-            <Heading tag="h2">Safe Version</Heading>
+            <Heading tag="h2">Contract Version</Heading>
             <Row align="end" grow>
               <StyledLink rel="noreferrer noopener" target="_blank" href={safeInfo?.deployerRepoUrl}>
                 <Text size="xl" as="span" color="primary">
diff --git a/src/routes/safe/components/Settings/SpendingLimit/NewLimitSteps.tsx b/src/routes/safe/components/Settings/SpendingLimit/NewLimitSteps.tsx
index 29d0a2bb..23205996 100644
--- a/src/routes/safe/components/Settings/SpendingLimit/NewLimitSteps.tsx
+++ b/src/routes/safe/components/Settings/SpendingLimit/NewLimitSteps.tsx
@@ -38,7 +38,7 @@ export const NewLimitSteps = (): ReactElement => (
       </Text>
 
       <Text size="lg" color="placeHolder" center>
-        Choose an account that will benefit from this allowance.
+        Define beneficiary that will be able to use the allowance.
       </Text>
 
       <Text size="lg" color="placeHolder" center>
diff --git a/src/routes/safe/components/Transactions/TxList/TxInfoCreation.tsx b/src/routes/safe/components/Transactions/TxList/TxInfoCreation.tsx
index 85c066a9..02df7ab2 100644
--- a/src/routes/safe/components/Transactions/TxList/TxInfoCreation.tsx
+++ b/src/routes/safe/components/Transactions/TxList/TxInfoCreation.tsx
@@ -16,7 +16,7 @@ export const TxInfoCreation = ({ transaction }: { transaction: Transaction }): R
       <div className="tx-summary">
         <div className="tx-hash">
           <Text size="xl" strong as="span">
-            Hash:{' '}
+            Transaction hash:{' '}
           </Text>
           <InlineEthHashInfo
             textSize="xl"
diff --git a/src/routes/safe/components/Transactions/TxList/TxSummary.tsx b/src/routes/safe/components/Transactions/TxList/TxSummary.tsx
index aac3afff..58df453f 100644
--- a/src/routes/safe/components/Transactions/TxList/TxSummary.tsx
+++ b/src/routes/safe/components/Transactions/TxList/TxSummary.tsx
@@ -18,7 +18,7 @@ export const TxSummary = ({ txDetails }: { txDetails: ExpandedTxDetails }): Reac
     <>
       <div className="tx-hash">
         <Text size="xl" strong as="span">
-          Hash:{' '}
+          Transaction hash:{' '}
         </Text>
         {txHash ? (
           <InlineEthHashInfo textSize="xl" hash={txHash} shortenHash={8} showCopyBtn explorerUrl={explorerUrl} />
diff --git a/src/routes/welcome/components/index.tsx b/src/routes/welcome/components/index.tsx
index 4407421c..f53995c4 100644
--- a/src/routes/welcome/components/index.tsx
+++ b/src/routes/welcome/components/index.tsx
@@ -77,7 +77,7 @@ export const WelcomeLayout = ({ isOldMultisigMigration }: Props): React.ReactEle
     <Block>
       {/* Title */}
       <Title size="md" strong>
-        Welcome to Gnosis Safe Multisig.
+        Welcome to Gnosis Safe.
       </Title>
 
       {/* Subtitle */}
@@ -89,8 +89,7 @@ export const WelcomeLayout = ({ isOldMultisigMigration }: Props): React.ReactEle
           </>
         ) : (
           <>
-            Gnosis Safe Multisig is the most trusted platform to manage digital assets. <br /> Here is how to get
-            started:{' '}
+            Gnosis Safe is the most trusted platform to manage digital assets. <br /> Here is how to get started:{' '}
           </>
         )}
       </Title>
@@ -108,8 +107,7 @@ export const WelcomeLayout = ({ isOldMultisigMigration }: Props): React.ReactEle
               </StyledTitle>
             </TitleWrapper>
             <Text size="xl">
-              Gnosis Safe Multisig supports a wide range of wallets that you can choose to be one of the authentication
-              factors.
+              Gnosis Safe supports a wide range of wallets that you can choose to interact with your Safe.
             </Text>
             <StyledButtonLink textSize="xl" color="primary" iconType="externalLink" iconSize="sm">
               <LinkSRC
@@ -117,9 +115,9 @@ export const WelcomeLayout = ({ isOldMultisigMigration }: Props): React.ReactEle
                 href="https://help.gnosis-safe.io/en/articles/4689442-why-do-i-need-to-connect-a-wallet"
                 target="_blank"
                 rel="noopener noreferrer"
-                title="More info about: Why do I need to connect wallet?"
+                title="More info about: Why do I need to connect a wallet?"
               >
-                Why do I need to connect wallet?
+                Why do I need to connect a wallet?
               </LinkSRC>
             </StyledButtonLink>
             <StyledButton
@@ -148,7 +146,7 @@ export const WelcomeLayout = ({ isOldMultisigMigration }: Props): React.ReactEle
                 </StyledTitle>
               </TitleWrapper>
               <Text size="xl">
-                Create a new Safe Multisig that is controlled by one or multiple owners. <br />
+                Create a new Safe that is controlled by one or multiple owners. <br />
                 You will be required to pay a network fee for creating your new Safe.
               </Text>
               <StyledButton size="lg" color="primary" variant="contained" component={Link} to={OPEN_ADDRESS}>
@@ -163,11 +161,11 @@ export const WelcomeLayout = ({ isOldMultisigMigration }: Props): React.ReactEle
             {/* Load safe */}
             <CardsCol>
               <StyledTitleOnly size="sm" strong withoutMargin>
-                Load existing Safe
+                Add existing Safe
               </StyledTitleOnly>
               <Text size="xl">
-                Already have a Safe? Do you want to access your Safe Multisig from a different device? Easily load your
-                Safe Multisig using your Safe address.
+                Already have a Safe? Do you want to access your Safe from a different device? Easily add it using your
+                Safe address.
               </Text>
               <StyledButton
                 variant="bordered"
@@ -179,7 +177,7 @@ export const WelcomeLayout = ({ isOldMultisigMigration }: Props): React.ReactEle
                 to={LOAD_ADDRESS}
               >
                 <Text size="xl" color="secondary">
-                  Load existing Safe
+                  Add existing Safe
                 </Text>
               </StyledButton>
             </CardsCol>
diff --git a/src/utils/constants.ts b/src/utils/constants.ts
index 01099116..3229e700 100644
--- a/src/utils/constants.ts
+++ b/src/utils/constants.ts
@@ -17,7 +17,7 @@ export const SQUARELINK_ID = {
  */
 export const INFURA_TOKEN = process.env.REACT_APP_INFURA_TOKEN || ''
 export const LATEST_SAFE_VERSION = process.env.REACT_APP_LATEST_SAFE_VERSION || '1.1.1'
-export const LOADED_SAFE_KEY = 'LOADED SAFE'
+export const LOADED_SAFE_KEY = 'Gnosis Safe'
 export const APP_VERSION = process.env.REACT_APP_APP_VERSION || 'not-defined'
 export const OPENSEA_API_KEY = process.env.REACT_APP_OPENSEA_API_KEY || ''
 export const COLLECTIBLES_SOURCE = process.env.REACT_APP_COLLECTIBLES_SOURCE || 'Gnosis'