diff --git a/apps/remix-ide/src/app/tabs/locales/en/index.js b/apps/remix-ide/src/app/tabs/locales/en/index.js
index a23e0af9c6..4d56affa4f 100644
--- a/apps/remix-ide/src/app/tabs/locales/en/index.js
+++ b/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,
}
diff --git a/apps/remix-ide/src/app/tabs/locales/en/remixUiTabs.json b/apps/remix-ide/src/app/tabs/locales/en/remixUiTabs.json
new file mode 100644
index 0000000000..1c60e9592d
--- /dev/null
+++ b/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"
+}
diff --git a/apps/remix-ide/src/app/tabs/locales/es/index.js b/apps/remix-ide/src/app/tabs/locales/es/index.js
index 51e0322076..ded9c45b14 100644
--- a/apps/remix-ide/src/app/tabs/locales/es/index.js
+++ b/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,
})
diff --git a/apps/remix-ide/src/app/tabs/locales/es/remixUiTabs.json b/apps/remix-ide/src/app/tabs/locales/es/remixUiTabs.json
new file mode 100644
index 0000000000..1c60e9592d
--- /dev/null
+++ b/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"
+}
diff --git a/apps/remix-ide/src/app/tabs/locales/fr/index.js b/apps/remix-ide/src/app/tabs/locales/fr/index.js
index 51e0322076..ded9c45b14 100644
--- a/apps/remix-ide/src/app/tabs/locales/fr/index.js
+++ b/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,
})
diff --git a/apps/remix-ide/src/app/tabs/locales/fr/remixUiTabs.json b/apps/remix-ide/src/app/tabs/locales/fr/remixUiTabs.json
new file mode 100644
index 0000000000..1c60e9592d
--- /dev/null
+++ b/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"
+}
diff --git a/apps/remix-ide/src/app/tabs/locales/zh/index.js b/apps/remix-ide/src/app/tabs/locales/zh/index.js
index 51e0322076..ded9c45b14 100644
--- a/apps/remix-ide/src/app/tabs/locales/zh/index.js
+++ b/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,
})
diff --git a/apps/remix-ide/src/app/tabs/locales/zh/remixUiTabs.json b/apps/remix-ide/src/app/tabs/locales/zh/remixUiTabs.json
new file mode 100644
index 0000000000..f82e072207
--- /dev/null
+++ b/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": "放大"
+}
diff --git a/libs/remix-ui/tabs/src/lib/remix-ui-tabs.tsx b/libs/remix-ui/tabs/src/lib/remix-ui-tabs.tsx
index b59c1793f3..1e2b9684f7 100644
--- a/libs/remix-ui/tabs/src/lib/remix-ui-tabs.tsx
+++ b/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={
- {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' ? (
+
+ ) : tabsState.currentExt === 'sol' || tabsState.currentExt === 'yul' ? (
+
+ ) : (
+
+ )}
}
>
-
+ }>
props.onZoomOut()}>
-
+ }>
props.onZoomIn()}>