add en locale messages for remix-app

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

@@ -10,6 +10,7 @@ import terminalJson from './terminal.json';
 import udappJson from './udapp.json';
 import solidityUnitTestingJson from './solidityUnitTesting.json';
 import permissionHandlerJson from './permissionHandler.json';
+import remixAppJson from './remixApp.json'
 
 export default {
   ...debuggerJson,
@@ -24,4 +25,5 @@ export default {
   ...udappJson,
   ...solidityUnitTestingJson,
   ...permissionHandlerJson,
+  ...remixAppJson,
 }

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

@@ -0,0 +1,3 @@
+{
+  "remixApp.scrollToSeeAllTabs": "Scroll to see all tabs"
+}

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

@@ -10,6 +10,7 @@ import terminalJson from './terminal.json';
 import udappJson from './udapp.json';
 import solidityUnitTestingJson from './solidityUnitTesting.json';
 import permissionHandlerJson from './permissionHandler.json';
+import remixAppJson from './remixApp.json'
 import enJson from '../en';
 
 // There may have some un-translated content. Always fill in the gaps with EN JSON.
@@ -27,4 +28,5 @@ export default Object.assign({}, enJson, {
   ...udappJson,
   ...solidityUnitTestingJson,
   ...permissionHandlerJson,
+  ...remixAppJson,
 })

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

@@ -0,0 +1,3 @@
+{
+  "remixApp.scrollToSeeAllTabs": "滚动查看所有标签页"
+}

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

@@ -8,7 +8,7 @@ import {AppProvider} from './context/provider'
 import AppDialogs from './components/modals/dialogs'
 import DialogViewPlugin from './components/modals/dialogViewPlugin'
 import {AppContext} from './context/context'
-import {IntlProvider} from 'react-intl'
+import {IntlProvider, FormattedMessage} from 'react-intl'
 import {CustomTooltip} from '@remix-ui/helper'
 
 interface IRemixAppUi {
@@ -104,7 +104,7 @@ const RemixApp = (props: IRemixAppUi) => {
           ></DragBar>
           <div id="main-panel" data-id="remixIdeMainPanel" className="mainpanel d-flex">
             <RemixUIMainPanel Context={AppContext}></RemixUIMainPanel>
-            <CustomTooltip placement="bottom" tooltipId="overlay-tooltip-all-tabs" tooltipText="Scroll to see all tabs">
+            <CustomTooltip placement="bottom" tooltipId="overlay-tooltip-all-tabs" tooltipText={<FormattedMessage id="remixApp.scrollToSeeAllTabs" />}>
               <div className="remix-ui-tabs_end remix-bg-opacity position-absolute position-fixed"></div>
             </CustomTooltip>
           </div>