add locale messages for remixUiTabs

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

@@ -12,6 +12,7 @@ import solidityUnitTestingJson from './solidityUnitTesting.json';
 import permissionHandlerJson from './permissionHandler.json';
 import solUmlGenJson from './solUmlGen.json'
 import remixAppJson from './remixApp.json'
+import remixUiTabsJson from './remixUiTabs.json'
 
 export default {
   ...debuggerJson,
@@ -28,4 +29,5 @@ export default {
   ...permissionHandlerJson,
   ...solUmlGenJson,
   ...remixAppJson,
+  ...remixUiTabsJson,
 }

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

@@ -0,0 +1,7 @@
+{
+  "remixUiTabs.tooltipText1": "Run script (CTRL + SHIFT + S)",
+  "remixUiTabs.tooltipText2": "Compile CTRL + S",
+  "remixUiTabs.tooltipText3": "Select .sol or .yul file to compile or a .ts or .js file and run it",
+  "remixUiTabs.zoomOut": "Zoom out",
+  "remixUiTabs.zoomIn": "Zoom in"
+}

apps/remix-ide/src/app/tabs/locales/es/index.js

@@ -12,6 +12,7 @@ import solidityUnitTestingJson from './solidityUnitTesting.json';
 import permissionHandlerJson from './permissionHandler.json';
 import solUmlGenJson from './solUmlGen.json'
 import remixAppJson from './remixApp.json'
+import remixUiTabsJson from './remixUiTabs.json'
 import enJson from '../en';
 
 // There may have some un-translated content. Always fill in the gaps with EN JSON.
@@ -31,4 +32,5 @@ export default Object.assign({}, enJson, {
   ...permissionHandlerJson,
   ...solUmlGenJson,
   ...remixAppJson,
+  ...remixUiTabsJson,
 })

apps/remix-ide/src/app/tabs/locales/es/remixUiTabs.json

@@ -0,0 +1,7 @@
+{
+  "remixUiTabs.tooltipText1": "Run script (CTRL + SHIFT + S)",
+  "remixUiTabs.tooltipText2": "Compile CTRL + S",
+  "remixUiTabs.tooltipText3": "Select .sol or .yul file to compile or a .ts or .js file and run it",
+  "remixUiTabs.zoomOut": "Zoom out",
+  "remixUiTabs.zoomIn": "Zoom in"
+}

apps/remix-ide/src/app/tabs/locales/fr/index.js

@@ -12,6 +12,7 @@ import solidityUnitTestingJson from './solidityUnitTesting.json';
 import permissionHandlerJson from './permissionHandler.json';
 import solUmlGenJson from './solUmlGen.json'
 import remixAppJson from './remixApp.json'
+import remixUiTabsJson from './remixUiTabs.json'
 import enJson from '../en';
 
 // There may have some un-translated content. Always fill in the gaps with EN JSON.
@@ -31,4 +32,5 @@ export default Object.assign({}, enJson, {
   ...permissionHandlerJson,
   ...solUmlGenJson,
   ...remixAppJson,
+  ...remixUiTabsJson,
 })

apps/remix-ide/src/app/tabs/locales/fr/remixUiTabs.json

@@ -0,0 +1,7 @@
+{
+  "remixUiTabs.tooltipText1": "Run script (CTRL + SHIFT + S)",
+  "remixUiTabs.tooltipText2": "Compile CTRL + S",
+  "remixUiTabs.tooltipText3": "Select .sol or .yul file to compile or a .ts or .js file and run it",
+  "remixUiTabs.zoomOut": "Zoom out",
+  "remixUiTabs.zoomIn": "Zoom in"
+}

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

@@ -12,6 +12,7 @@ import solidityUnitTestingJson from './solidityUnitTesting.json';
 import permissionHandlerJson from './permissionHandler.json';
 import solUmlGenJson from './solUmlGen.json'
 import remixAppJson from './remixApp.json'
+import remixUiTabsJson from './remixUiTabs.json'
 import enJson from '../en';
 
 // There may have some un-translated content. Always fill in the gaps with EN JSON.
@@ -31,4 +32,5 @@ export default Object.assign({}, enJson, {
   ...permissionHandlerJson,
   ...solUmlGenJson,
   ...remixAppJson,
+  ...remixUiTabsJson,
 })

apps/remix-ide/src/app/tabs/locales/zh/remixUiTabs.json

@@ -0,0 +1,7 @@
+{
+  "remixUiTabs.tooltipText1": "执行脚本 (CTRL + SHIFT + S)",
+  "remixUiTabs.tooltipText2": "编译 CTRL + S",
+  "remixUiTabs.tooltipText3": "选择 .sol 或 .yul 文件进行编译，或选择 .ts 或 .js 文件并运行它",
+  "remixUiTabs.zoomOut": "缩小",
+  "remixUiTabs.zoomIn": "放大"
+}

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

@@ -2,6 +2,7 @@ import {fileDecoration, FileDecorationIcons} from '@remix-ui/file-decorators'
 import {CustomTooltip} from '@remix-ui/helper'
 import {Plugin} from '@remixproject/engine'
 import React, {useState, useRef, useEffect, useReducer} from 'react' // eslint-disable-line
+import {FormattedMessage} from 'react-intl'
 import {Tab, Tabs, TabList, TabPanel} from 'react-tabs'
 import './remix-ui-tabs.css'
 const _paq = (window._paq = window._paq || [])
@@ -185,21 +186,23 @@ export const TabsUI = (props: TabsUIProps) => {
               tooltipId="overlay-tooltip-run-script"
               tooltipText={
                 <span>
-                  {tabsState.currentExt === 'js' || tabsState.currentExt === 'ts'
-                    ? 'Run script (CTRL + SHIFT + S)'
-                    : tabsState.currentExt === 'sol' || tabsState.currentExt === 'yul'
-                      ? 'Compile CTRL + S'
-                      : 'Select .sol or .yul file to compile or a .ts or .js file and run it'}
+                  {tabsState.currentExt === 'js' || tabsState.currentExt === 'ts' ? (
+                    <FormattedMessage id="remixUiTabs.tooltipText1" />
+                  ) : tabsState.currentExt === 'sol' || tabsState.currentExt === 'yul' ? (
+                    <FormattedMessage id="remixUiTabs.tooltipText2" />
+                  ) : (
+                    <FormattedMessage id="remixUiTabs.tooltipText3" />
+                  )}
                 </span>
               }
             >
               <i className="fad fa-play"></i>
             </CustomTooltip>
           </button>
-          <CustomTooltip placement="bottom" tooltipId="overlay-tooltip-zoom-out" tooltipText="Zoom out">
+          <CustomTooltip placement="bottom" tooltipId="overlay-tooltip-zoom-out" tooltipText={<FormattedMessage id="remixUiTabs.zoomOut" />}>
             <span data-id="tabProxyZoomOut" className="btn btn-sm px-2 fas fa-search-minus text-dark" onClick={() => props.onZoomOut()}></span>
           </CustomTooltip>
-          <CustomTooltip placement="bottom" tooltipId="overlay-tooltip-run-zoom-in" tooltipText="Zoom in">
+          <CustomTooltip placement="bottom" tooltipId="overlay-tooltip-run-zoom-in" tooltipText={<FormattedMessage id="remixUiTabs.zoomIn" />}>
             <span data-id="tabProxyZoomIn" className="btn btn-sm px-2 fas fa-search-plus text-dark" onClick={() => props.onZoomIn()}></span>
           </CustomTooltip>
         </div>