patch en locale messages for settings

apps/remix-ide/src/app/tabs/locales/en/settings.json

@@ -22,5 +22,19 @@
   "settings.themes": "Themes",
   "settings.locales": "Language",
   "settings.swarm": "Swarm Settings",
-  "settings.ipfs": "IPFS Settings"
+  "settings.ipfs": "IPFS Settings",
+  "settings.token": "TOKEN",
+  "settings.copy": "Copy",
+  "settings.deleteEtherscanToken": "Delete Etherscan token",
+  "settings.username": "USERNAME",
+  "settings.email": "EMAIL",
+  "settings.deleteGithubCredentials": "Delete Github Credentials",
+  "settings.privateBeeAddress": "PRIVATE BEE ADDRESS",
+  "settings.postageStampID": "POSTAGE STAMP ID",
+  "settings.host": "HOST",
+  "settings.protocol": "PROTOCOL",
+  "settings.port": "PORT",
+  "settings.projectID": "PROJECT ID",
+  "settings.projectSecret": "PROJECT SECRET",
+  "settings.analyticsInRemix": "Analytics in Remix IDE"
 }

libs/remix-ui/settings/src/lib/etherscan-settings.tsx

@@ -48,7 +48,9 @@ export function EtherscanSettings(props: EtherscanSettingsProps) {
           </a>
         </p>
         <div>
-          <label className="mb-0 pb-0">TOKEN:</label>
+          <label className="mb-0 pb-0">
+            <FormattedMessage id="settings.token" />:
+          </label>
           <div className="input-group text-secondary mb-0 h6">
             <input
               id="etherscanAccessToken"
@@ -59,7 +61,13 @@ export function EtherscanSettings(props: EtherscanSettingsProps) {
               value={etherscanToken}
             />
             <div className="input-group-append">
-              <CopyToClipboard content={etherscanToken} data-id="copyToClipboardCopyIcon" className="far fa-copy ml-1 p-2 mt-1" direction={'top'} />
+              <CopyToClipboard
+                tip={intl.formatMessage({id: 'settings.copy'})}
+                content={etherscanToken}
+                data-id="copyToClipboardCopyIcon"
+                className="far fa-copy ml-1 p-2 mt-1"
+                direction={'top'}
+              />
             </div>
           </div>
         </div>
@@ -75,7 +83,12 @@ export function EtherscanSettings(props: EtherscanSettingsProps) {
                 type="button"
                 disabled={etherscanToken === ''}
               ></input>
-              <CustomTooltip tooltipText="Delete Etherscan token" tooltipClasses="text-nowrap" tooltipId="removeetherscantokenTooltip" placement="left-start">
+              <CustomTooltip
+                tooltipText={<FormattedMessage id="settings.deleteEtherscanToken" />}
+                tooltipClasses="text-nowrap"
+                tooltipId="removeetherscantokenTooltip"
+                placement="left-start"
+              >
                 <button
                   className="btn btn-sm btn-secondary ml-2"
                   id="removeetherscantoken"

libs/remix-ui/settings/src/lib/github-settings.tsx

@@ -66,7 +66,9 @@ export function GithubSettings(props: GithubSettingsProps) {
           </a>
         </p>
         <div>
-          <label className="mb-0 pb-0">TOKEN:</label>
+          <label className="mb-0 pb-0">
+            <FormattedMessage id="settings.token" />:
+          </label>
           <div className="input-group text-secondary mb-0 h6">
             <input
               id="gistaccesstoken"
@@ -77,12 +79,20 @@ export function GithubSettings(props: GithubSettingsProps) {
               value={githubToken}
             />
             <div className="input-group-append">
-              <CopyToClipboard content={githubToken} data-id="copyToClipboardCopyIcon" className="far fa-copy ml-1 p-2 mt-1" direction={'top'} />
+              <CopyToClipboard
+                tip={intl.formatMessage({id: 'settings.copy'})}
+                content={githubToken}
+                data-id="copyToClipboardCopyIcon"
+                className="far fa-copy ml-1 p-2 mt-1"
+                direction={'top'}
+              />
             </div>
           </div>
         </div>
         <div>
-          <label className="pt-2 mb-0 pb-0">USERNAME:</label>
+          <label className="pt-2 mb-0 pb-0">
+            <FormattedMessage id="settings.username" />:
+          </label>
           <div className="text-secondary mb-0 h6">
             <input
               id="githubusername"
@@ -95,7 +105,9 @@ export function GithubSettings(props: GithubSettingsProps) {
           </div>
         </div>
         <div>
-          <label className="pt-2 mb-0 pb-0">EMAIL:</label>
+          <label className="pt-2 mb-0 pb-0">
+            <FormattedMessage id="settings.email" />:
+          </label>
           <div className="text-secondary mb-0 h6">
             <input id="githubemail" data-id="settingsTabGithubEmail" type="text" className="form-control" onChange={(e) => handleChangeEmailState(e)} value={githubEmail} />
             <div className="d-flex justify-content-end pt-2">
@@ -107,7 +119,12 @@ export function GithubSettings(props: GithubSettingsProps) {
                 value={intl.formatMessage({id: 'settings.save'})}
                 type="button"
               ></input>
-              <CustomTooltip tooltipText="Delete Github Credentials" tooltipClasses="text-nowrap" tooltipId="removegisttokenTooltip" placement="top-start">
+              <CustomTooltip
+                tooltipText={<FormattedMessage id="settings.deleteGithubCredentials" />}
+                tooltipClasses="text-nowrap"
+                tooltipId="removegisttokenTooltip"
+                placement="top-start"
+              >
                 <button className="btn btn-sm btn-secondary ml-2" id="removegisttoken" data-id="settingsTabRemoveGistToken" onClick={removeToken}>
                   <FormattedMessage id="settings.remove" />
                 </button>

libs/remix-ui/settings/src/lib/remix-ui-settings.tsx

@@ -266,7 +266,7 @@ export const RemixUiSettings = (props: RemixUiSettingsProps) => {
               </span>
               <a href="https://medium.com/p/66ef69e14931/" target="_blank">
                 {' '}
-                Analytics in Remix IDE
+                <FormattedMessage id="settings.analyticsInRemix" />
               </a>{' '}
               <span>&</span>{' '}
               <a target="_blank" href="https://matomo.org/free-software">
@@ -305,13 +305,17 @@ export const RemixUiSettings = (props: RemixUiSettingsProps) => {
           <FormattedMessage id="settings.swarm" />
         </h6>
         <div className="pt-2 pt-2 mb-0 pb-0">
-          <label className="m-0">PRIVATE BEE ADDRESS:</label>
+          <label className="m-0">
+            <FormattedMessage id="settings.privateBeeAddress" />:
+          </label>
           <div className="text-secondary mb-0 h6">
             <input id="swarmprivatebeeaddress" data-id="settingsPrivateBeeAddress" className="form-control" onChange={handleSavePrivateBeeAddress} value={privateBeeAddress} />
           </div>
         </div>
         <div className="pt-2 mb-0 pb-0">
-          <label className="m-0">POSTAGE STAMP ID:</label>
+          <label className="m-0">
+            <FormattedMessage id="settings.postageStampID" />:
+          </label>
           <div className="text-secondary mb-0 h6">
             <input id="swarmpostagestamp" data-id="settingsPostageStampId" className="form-control" onChange={handleSavePostageStampId} value={postageStampId} />
             <div className="d-flex justify-content-end pt-2"></div>
@@ -380,13 +384,17 @@ export const RemixUiSettings = (props: RemixUiSettingsProps) => {
           <FormattedMessage id="settings.ipfs" />
         </h6>
         <div className="pt-2 mb-0">
-          <label className="m-0">IPFS HOST:</label>
+          <label className="m-0">
+            IPFS <FormattedMessage id="settings.host" />:
+          </label>
           <div className="text-secondary mb-0 h6">
             <input placeholder="e.g. ipfs.infura.io" id="settingsIpfsUrl" data-id="settingsIpfsUrl" className="form-control" onChange={handleSaveIpfsUrl} value={ipfsUrl} />
           </div>
         </div>
         <div className="pt-2 mb-0 pb-0">
-          <label className="m-0">IPFS PROTOCOL:</label>
+          <label className="m-0">
+            IPFS <FormattedMessage id="settings.protocol" />:
+          </label>
           <div className="text-secondary mb-0 h6">
             <input
               placeholder="e.g. https"
@@ -399,19 +407,25 @@ export const RemixUiSettings = (props: RemixUiSettingsProps) => {
           </div>
         </div>
         <div className="pt-2 mb-0 pb-0">
-          <label className="m-0">IPFS PORT:</label>
+          <label className="m-0">
+            IPFS <FormattedMessage id="settings.port" />:
+          </label>
           <div className="text-secondary mb-0 h6">
             <input placeholder="e.g. 5001" id="settingsIpfsPort" data-id="settingsIpfsPort" className="form-control" onChange={handleSaveIpfsPort} value={ipfsPort} />
           </div>
         </div>
         <div className="pt-2 mb-0 pb-0">
-          <label className="m-0">IPFS PROJECT ID [ INFURA ]:</label>
+          <label className="m-0">
+            IPFS <FormattedMessage id="settings.projectID" /> [ INFURA ]:
+          </label>
           <div className="text-secondary mb-0 h6">
             <input id="settingsIpfsProjectId" data-id="settingsIpfsProjectId" className="form-control" onChange={handleSaveIpfsProjectId} value={ipfsProjectId} />
           </div>
         </div>
         <div className="pt-2 mb-0 pb-0">
-          <label className="m-0">IPFS PROJECT SECRET [ INFURA ]:</label>
+          <label className="m-0">
+            IPFS <FormattedMessage id="settings.projectSecret" /> [ INFURA ]:
+          </label>
           <div className="text-secondary mb-0 h6">
             <input
               id="settingsIpfsProjectSecret"