Fixing unlocalized strings (#11102)

* Fixing unlocalized strings

Fixes MetaMask/metamask-extension#11094

* Removing aggregrate bullet from modal

* Updating bullet point keys

app/_locales/en/messages.json

@@ -562,6 +562,9 @@
   "dismissReminderField": {
     "message": "Dismiss recovery phrase backup reminder"
   },
+  "domain": {
+    "message": "Domain"
+  },
   "done": {
     "message": "Done"
   },
@@ -1117,6 +1120,9 @@
   "myAccounts": {
     "message": "My Accounts"
   },
+  "name": {
+    "message": "Name"
+  },
   "needEtherInWallet": {
     "message": "To interact with decentralized applications using MetaMask, you’ll need Ether in your wallet."
   },
@@ -1416,6 +1422,9 @@
   "provide": {
     "message": "Provide"
   },
+  "publicAddress": {
+    "message": "Public Address"
+  },
   "queue": {
     "message": "Queue"
   },
@@ -2356,6 +2365,9 @@
   "viewContact": {
     "message": "View Contact"
   },
+  "viewMore": {
+    "message": "View More"
+  },
   "viewOnCustomBlockExplorer": {
     "message": "View at $1"
   },

ui/components/app/modals/confirm-remove-account/confirm-remove-account.component.js

@@ -29,6 +29,7 @@ export default class ConfirmRemoveAccount extends Component {
   };
 
   renderSelectedAccount() {
+    const { t } = this.context;
     const { identity } = this.props;
     return (
       <div className="confirm-remove-account__account">
@@ -36,12 +37,14 @@ export default class ConfirmRemoveAccount extends Component {
           <Identicon address={identity.address} diameter={32} />
         </div>
         <div className="confirm-remove-account__account__name">
-          <span className="confirm-remove-account__account__label">Name</span>
+          <span className="confirm-remove-account__account__label">
+            {t('name')}
+          </span>
           <span className="account_value">{identity.name}</span>
         </div>
         <div className="confirm-remove-account__account__address">
           <span className="confirm-remove-account__account__label">
-            Public Address
+            {t('publicAddress')}
           </span>
           <span className="account_value">
             {addressSummary(identity.address, 4, 4)}
@@ -57,12 +60,9 @@ export default class ConfirmRemoveAccount extends Component {
             )}
             target="_blank"
             rel="noopener noreferrer"
-            title={this.context.t('etherscanView')}
+            title={t('etherscanView')}
           >
-            <img
+            <img src="images/popout.svg" alt={t('etherscanView')} />
-              src="images/popout.svg"
-              alt={this.context.t('etherscanView')}
-            />
           </a>
         </div>
       </div>

ui/components/app/modals/metametrics-opt-in-modal/metametrics-opt-in-modal.component.js

@@ -27,76 +27,81 @@ export default class MetaMetricsOptInModal extends Component {
               <img src="images/metrics-chart.svg" alt="" />
             </div>
             <div className="metametrics-opt-in__title">
-              Help Us Improve MetaMask
+              {t('metametricsHelpImproveMetaMask')}
             </div>
             <div className="metametrics-opt-in__body">
               <div className="metametrics-opt-in__description">
-                MetaMask would like to gather usage data to better understand
+                {t('metametricsOptInDescription')}
-                how our users interact with the extension. This data will be
-                used to continually improve the usability and user experience of
-                our product and the Ethereum ecosystem.
               </div>
               <div className="metametrics-opt-in__description">
-                MetaMask will..
+                {t('metametricsCommitmentsIntro')}
               </div>
 
               <div className="metametrics-opt-in__committments">
                 <div className="metametrics-opt-in__row">
                   <i className="fa fa-check" />
                   <div className="metametrics-opt-in__row-description">
-                    Always allow you to opt-out via Settings
+                    {t('metametricsCommitmentsAllowOptOut')}
                   </div>
                 </div>
                 <div className="metametrics-opt-in__row">
                   <i className="fa fa-check" />
                   <div className="metametrics-opt-in__row-description">
-                    Send anonymized click & pageview events
+                    {t('metametricsCommitmentsSendAnonymizedEvents')}
-                  </div>
-                </div>
-                <div className="metametrics-opt-in__row">
-                  <i className="fa fa-check" />
-                  <div className="metametrics-opt-in__row-description">
-                    Maintain a public aggregate dashboard to educate the
-                    community
                   </div>
                 </div>
                 <div className="metametrics-opt-in__row metametrics-opt-in__break-row">
                   <i className="fa fa-times" />
                   <div className="metametrics-opt-in__row-description">
-                    <span className="metametrics-opt-in__bold">Never</span>{' '}
+                    {t('metametricsCommitmentsNeverCollectKeysEtc', [
-                    collect keys, addresses, transactions, balances, hashes, or
+                      <span
-                    any personal information
+                        className="metametrics-opt-in__bold"
+                        key="neverCollectKeys"
+                      >
+                        {t('metametricsCommitmentsBoldNever')}
+                      </span>,
+                    ])}
                   </div>
                 </div>
                 <div className="metametrics-opt-in__row">
                   <i className="fa fa-times" />
                   <div className="metametrics-opt-in__row-description">
-                    <span className="metametrics-opt-in__bold">Never</span>{' '}
+                    {t('metametricsCommitmentsNeverCollectIP', [
-                    collect your full IP address
+                      <span
+                        className="metametrics-opt-in__bold"
+                        key="neverCollectIP"
+                      >
+                        {t('metametricsCommitmentsBoldNever')}
+                      </span>,
+                    ])}
                   </div>
                 </div>
                 <div className="metametrics-opt-in__row">
                   <i className="fa fa-times" />
                   <div className="metametrics-opt-in__row-description">
-                    <span className="metametrics-opt-in__bold">Never</span> sell
+                    {t('metametricsCommitmentsNeverSellDataForProfit', [
-                    data for profit. Ever!
+                      <span
+                        className="metametrics-opt-in__bold"
+                        key="neverSellData"
+                      >
+                        {t('metametricsCommitmentsBoldNever')}
+                      </span>,
+                    ])}
                   </div>
                 </div>
               </div>
             </div>
             <div className="metametrics-opt-in__bottom-text">
-              This data is aggregated and is therefore anonymous for the
+              {t('gdprMessage', [
-              purposes of General Data Protection Regulation (EU) 2016/679. For
-              more information in relation to our privacy practices, please see
-              our&nbsp;
                 <a
+                  key="metametrics-bottom-text-wrapper"
                   href="https://metamask.io/privacy.html"
                   target="_blank"
                   rel="noopener noreferrer"
                 >
-                Privacy Policy here
+                  {t('gdprMessagePrivacyPolicy')}
-              </a>
+                </a>,
-              .
+              ])}
             </div>
           </div>
           <div className="metametrics-opt-in__footer">

ui/components/app/signature-request-original/signature-request-original.component.js

@@ -188,12 +188,13 @@ export default class SignatureRequestOriginal extends Component {
   };
 
   renderTypedData = (data) => {
+    const { t } = this.context;
     const { domain, message } = JSON.parse(data);
     return (
       <div className="request-signature__typed-container">
         {domain ? (
           <div>
-            <h1>Domain</h1>
+            <h1>{t('domain')}</h1>
             <ObjectInspector data={domain} expandLevel={1} name="domain" />
           </div>
         ) : (
@@ -201,7 +202,7 @@ export default class SignatureRequestOriginal extends Component {
         )}
         {message ? (
           <div>
-            <h1>Message</h1>
+            <h1>{t('message')}</h1>
             <ObjectInspector data={message} expandLevel={1} name="message" />
           </div>
         ) : (

ui/components/app/transaction-list/transaction-list.component.js

@@ -159,7 +159,7 @@ export default function TransactionList({
               rounded
               onClick={viewMore}
             >
-              View More
+              {t('viewMore')}
             </Button>
           )}
         </div>

ui/pages/first-time-flow/metametrics-opt-in/metametrics-opt-in.component.js

@@ -77,7 +77,7 @@ export default class MetaMetricsOptIn extends Component {
                   {t('metametricsCommitmentsNeverCollectIP', [
                     <span
                       className="metametrics-opt-in__bold"
-                      key="neverCollectKeys"
+                      key="neverCollectIP"
                     >
                       {t('metametricsCommitmentsBoldNever')}
                     </span>,
@@ -90,7 +90,7 @@ export default class MetaMetricsOptIn extends Component {
                   {t('metametricsCommitmentsNeverSellDataForProfit', [
                     <span
                       className="metametrics-opt-in__bold"
-                      key="neverCollectKeys"
+                      key="neverSellData"
                     >
                       {t('metametricsCommitmentsBoldNever')}
                     </span>,