add some locale message

apps/remix-ide-e2e/src/tests/generalSettings.test.ts

@@ -142,6 +142,9 @@ module.exports = {
       .assert.containsText('*[data-id="sidePanelSwapitTitle"]', '设置')
       .assert.containsText('*[data-id="listenNetworkCheckInput"]', '监听所有交易')
       .assert.containsText('*[data-id="settingsTabGenerateContractMetadataLabel"]', '生成合约元数据')
+      .assert.containsText('*[data-id="settingsAutoCompleteLabel"]', '在编辑器中启用代码自动补全')
+      .assert.containsText('*[data-id="settingsShowGasLabel"]', '在编辑器中展示 gas 预算')
+      .assert.containsText('*[data-id="displayErrorsLabel"]', '编辑代码时展示错误提示')
   },
 
   'Should load en-US locale ': function (browser) {
@@ -151,6 +154,9 @@ module.exports = {
       .assert.containsText('*[data-id="sidePanelSwapitTitle"]', 'SETTINGS')
       .assert.containsText('*[data-id="listenNetworkCheckInput"]', 'listen on all transactions')
       .assert.containsText('*[data-id="settingsTabGenerateContractMetadataLabel"]', 'Generate contract metadata')
+      .assert.containsText('*[data-id="settingsAutoCompleteLabel"]', 'Enable code completion in editor')
+      .assert.containsText('*[data-id="settingsShowGasLabel"]', 'Display gas estimates in editor')
+      .assert.containsText('*[data-id="displayErrorsLabel"]', 'Display errors in editor while typing')
   }
 }
 

apps/remix-ide/src/app/tabs/locales/en-US.js

@@ -10,6 +10,10 @@ export default {
   'settings.generateContractMetadataText': 'Generate contract metadata. Generate a JSON file in the contract folder. Allows to specify library addresses the contract depends on. If nothing is specified, Remix deploys libraries automatically.',
   'settings.ethereunVMText': 'Always use Javascript VM at load',
   'settings.wordWrapText': 'Word wrap in editor',
+  'settings.useAutoCompleteText': 'Enable code completion in editor.',
+  'settings.useShowGasInEditorText': 'Display gas estimates in editor.',
+  'settings.displayErrorsText': 'Display errors in editor while typing.',
+  'settings.matomoAnalytics': 'Enable Matomo Analytics. We do not collect personally identifiable information (PII). The info is used to improve the site’s UX & UI. See more about ',
   'settings.enablePersonalModeText': ' Enable Personal Mode for web3 provider. Transaction sent over Web3 will use the web3.personal API.\n',
   'settings.warnText': 'Be sure the endpoint is opened before enabling it. \nThis mode allows a user to provide a passphrase in the Remix interface without having to unlock the account. Although this is very convenient, you should completely trust the backend you are connected to (Geth, Parity, ...). Remix never persists any passphrase'.split('\n').map(s => s.trim()).join(' '),
   'settings.gitAccessTokenTitle': 'GitHub Access Token',

apps/remix-ide/src/app/tabs/locales/zh-CN.js

@@ -10,6 +10,10 @@ export default {
   'settings.generateContractMetadataText': '生成合约元数据. 在contract文件夹中生成JSON文件. 允许指定合约依赖的库地址. 如果未指定任何内容，Remix将自动部署库.',
   'settings.ethereunVMText': '加载时始终使用以太坊虚拟机',
   'settings.wordWrapText': '文本换行',
+  'settings.useAutoCompleteText': '在编辑器中启用代码自动补全.',
+  'settings.useShowGasInEditorText': '在编辑器中展示 gas 预算.',
+  'settings.displayErrorsText': '编辑代码时展示错误提示.',
+  'settings.matomoAnalytics': '启用 Matomo 分析. 我们不会收集个人身份信息 (PII). 收集的信息只会用于提升 UX & UI. 查看更多关于 ',
   'settings.enablePersonalModeText': '为web3提供器启用私有模式. 通过Web3发送的交易将使用web3.personal API.\n',
   'settings.warnText': '在启用之前请确认访问端结点已经开放. \n此模式允许在Remix界面中提供密码而无需解锁账号. 虽然这很方便，但你应当完全信任所连接的后端节点 (Geth, Parity, ...). Remix不会持久化保存任何密码.'.split('\n').map(s => s.trim()).join(' '),
   'settings.gitAccessTokenTitle': 'Github 访问令牌',

libs/remix-ui/run-tab/src/lib/components/contractDropdownUI.tsx

@@ -293,7 +293,7 @@ export function ContractDropdownUI (props: ContractDropdownProps) {
           {((contractList[currentFile] && contractList[currentFile].filter(contract => contract)) || []).length <= 0 ? intl.formatMessage({id: 'udapp.noCompiledContracts', defaultMessage: 'No compiled contracts'})
             : loadedContractData ? <div>
               <ContractGUI
-                title='Deploy'
+                title={intl.formatMessage({id: 'udapp.deploy', defaultMessage: "Deploy"})}
                 isDeploy={true}
                 deployOption={deployOptions[currentFile] && deployOptions[currentFile][currentContract] ? deployOptions[currentFile][currentContract].options : null}
                 initializerOptions={deployOptions[currentFile] && deployOptions[currentFile][currentContract] ? deployOptions[currentFile][currentContract].initializeOptions : null}

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

@@ -199,19 +199,19 @@ export const RemixUiSettings = (props: RemixUiSettingsProps) => {
           <div className='custom-control custom-checkbox mb-1'>
             <input onChange={onchangeUseAutoComplete} id="settingsUseAutoComplete" type="checkbox" className="custom-control-input" checked={isAutoCompleteChecked} />
             <label className={`form-check-label custom-control-label align-middle ${getTextClass('settings/auto-completion')}`} data-id="settingsAutoCompleteLabel" htmlFor="settingsUseAutoComplete">
-              <span>{useAutoCompleteText}</span>
+              <span><FormattedMessage id='settings.useAutoCompleteText' defaultMessage={useAutoCompleteText} /></span>
             </label>
           </div>
           <div className='custom-control custom-checkbox mb-1'>
             <input onChange={onchangeShowGasInEditor} id="settingsUseShowGas" type="checkbox" className="custom-control-input" checked={isShowGasInEditorChecked} />
             <label className={`form-check-label custom-control-label align-middle ${getTextClass('settings/show-gas')}`} data-id="settingsShowGasLabel" htmlFor="settingsUseShowGas">
-              <span>{useShowGasInEditorText}</span>
+              <span><FormattedMessage id='settings.useShowGasInEditorText' defaultMessage={useShowGasInEditorText} /></span>
             </label>
           </div>
           <div className='custom-control custom-checkbox mb-1'>
             <input onChange={onchangeDisplayErrors} id="settingsDisplayErrors" type="checkbox" className="custom-control-input" checked={displayErrorsChecked} />
             <label className={`form-check-label custom-control-label align-middle ${getTextClass('settings/display-errors')}`}  data-id="displayErrorsLabel" htmlFor="settingsDisplayErrors">
-              <span>{displayErrorsText}</span>
+              <span><FormattedMessage id='settings.displayErrorsText' defaultMessage={displayErrorsText} /></span>
             </label>
           </div>
           <div className="custom-control custom-checkbox mb-1">
@@ -227,7 +227,7 @@ export const RemixUiSettings = (props: RemixUiSettingsProps) => {
           <div className="custom-control custom-checkbox mb-1">
             <input onChange={onchangeMatomoAnalytics} id="settingsMatomoAnalytics" type="checkbox" className="custom-control-input" checked={isMatomoChecked} />
             <label className={`form-check-label custom-control-label align-middle ${getTextClass('settings/matomo-analytics')}`} htmlFor="settingsMatomoAnalytics">
-              <span>{matomoAnalytics}</span>
+              <span><FormattedMessage id='settings.matomoAnalytics' defaultMessage={matomoAnalytics} /></span>
               <a href="https://medium.com/p/66ef69e14931/" target="_blank"> Analytics in Remix IDE</a> <span>&</span> <a target="_blank" href="https://matomo.org/free-software">Matomo</a>
             </label>
           </div>