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 023f7a475c..a23e0af9c6 100644 --- a/apps/remix-ide/src/app/tabs/locales/en/index.js +++ b/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 solUmlGenJson from './solUmlGen.json' import remixAppJson from './remixApp.json' export default { @@ -25,5 +26,6 @@ export default { ...udappJson, ...solidityUnitTestingJson, ...permissionHandlerJson, + ...solUmlGenJson, ...remixAppJson, } diff --git a/apps/remix-ide/src/app/tabs/locales/en/solUmlgen.json b/apps/remix-ide/src/app/tabs/locales/en/solUmlgen.json index ca63867e93..5816659c8b 100644 --- a/apps/remix-ide/src/app/tabs/locales/en/solUmlgen.json +++ b/apps/remix-ide/src/app/tabs/locales/en/solUmlgen.json @@ -1,4 +1,10 @@ { - "solUml.pngDownload": "Download as PNG", - "solUml.pdfDownload": "Download as PDF" -} \ No newline at end of file + "solUmlGen.pngDownload": "Download as PNG", + "solUmlGen.pdfDownload": "Download as PDF", + "solUmlGen.pngDownloadTooltip": "Download UML diagram as a PNG file", + "solUmlGen.pdfDownloadTooltip": "Download UML diagram as a PDF file", + "solUmlGen.text1": "To view your contract as a UML Diagram", + "solUmlGen.text2": "Right click on your contract file", + "solUmlGen.clickOn": "Click on", + "solUmlGen.generateUML": "Generate UML" +} diff --git a/apps/remix-ide/src/app/tabs/locales/es/solUmlgen.json b/apps/remix-ide/src/app/tabs/locales/es/solUmlgen.json index ca63867e93..5816659c8b 100644 --- a/apps/remix-ide/src/app/tabs/locales/es/solUmlgen.json +++ b/apps/remix-ide/src/app/tabs/locales/es/solUmlgen.json @@ -1,4 +1,10 @@ { - "solUml.pngDownload": "Download as PNG", - "solUml.pdfDownload": "Download as PDF" -} \ No newline at end of file + "solUmlGen.pngDownload": "Download as PNG", + "solUmlGen.pdfDownload": "Download as PDF", + "solUmlGen.pngDownloadTooltip": "Download UML diagram as a PNG file", + "solUmlGen.pdfDownloadTooltip": "Download UML diagram as a PDF file", + "solUmlGen.text1": "To view your contract as a UML Diagram", + "solUmlGen.text2": "Right click on your contract file", + "solUmlGen.clickOn": "Click on", + "solUmlGen.generateUML": "Generate UML" +} diff --git a/apps/remix-ide/src/app/tabs/locales/fr/solUmlgen.json b/apps/remix-ide/src/app/tabs/locales/fr/solUmlgen.json index ca63867e93..5816659c8b 100644 --- a/apps/remix-ide/src/app/tabs/locales/fr/solUmlgen.json +++ b/apps/remix-ide/src/app/tabs/locales/fr/solUmlgen.json @@ -1,4 +1,10 @@ { - "solUml.pngDownload": "Download as PNG", - "solUml.pdfDownload": "Download as PDF" -} \ No newline at end of file + "solUmlGen.pngDownload": "Download as PNG", + "solUmlGen.pdfDownload": "Download as PDF", + "solUmlGen.pngDownloadTooltip": "Download UML diagram as a PNG file", + "solUmlGen.pdfDownloadTooltip": "Download UML diagram as a PDF file", + "solUmlGen.text1": "To view your contract as a UML Diagram", + "solUmlGen.text2": "Right click on your contract file", + "solUmlGen.clickOn": "Click on", + "solUmlGen.generateUML": "Generate UML" +} 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 d2a7e1128f..51e0322076 100644 --- a/apps/remix-ide/src/app/tabs/locales/zh/index.js +++ b/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 solUmlGenJson from './solUmlGen.json' import remixAppJson from './remixApp.json' import enJson from '../en'; @@ -28,5 +29,6 @@ export default Object.assign({}, enJson, { ...udappJson, ...solidityUnitTestingJson, ...permissionHandlerJson, + ...solUmlGenJson, ...remixAppJson, }) diff --git a/apps/remix-ide/src/app/tabs/locales/zh/solUmlgen.json b/apps/remix-ide/src/app/tabs/locales/zh/solUmlgen.json index ca63867e93..aa58e68fec 100644 --- a/apps/remix-ide/src/app/tabs/locales/zh/solUmlgen.json +++ b/apps/remix-ide/src/app/tabs/locales/zh/solUmlgen.json @@ -1,4 +1,10 @@ { - "solUml.pngDownload": "Download as PNG", - "solUml.pdfDownload": "Download as PDF" -} \ No newline at end of file + "solUmlGen.pngDownload": "下载 PNG", + "solUmlGen.pdfDownload": "下载 PDF", + "solUmlGen.pngDownloadTooltip": "将 UML 图下载为 PNG 文件", + "solUmlGen.pdfDownloadTooltip": "将 UML 图下载为 PDF 文件", + "solUmlGen.text1": "以 UML 图查看您的合约", + "solUmlGen.text2": "右键单击您的合约文件", + "solUmlGen.clickOn": "点击", + "solUmlGen.generateUML": "生成 UML" +} diff --git a/libs/remix-ui/solidity-uml-gen/src/lib/components/UmlDownload.tsx b/libs/remix-ui/solidity-uml-gen/src/lib/components/UmlDownload.tsx index 300ec344fc..33636b8207 100644 --- a/libs/remix-ui/solidity-uml-gen/src/lib/components/UmlDownload.tsx +++ b/libs/remix-ui/solidity-uml-gen/src/lib/components/UmlDownload.tsx @@ -1,5 +1,6 @@ import {CustomTooltip} from '@remix-ui/helper' import React, {Fragment, Ref} from 'react' +import {FormattedMessage} from 'react-intl' import {Dropdown} from 'react-bootstrap' import {UmlFileType} from '../utilities/UmlDownloadStrategy' @@ -76,25 +77,39 @@ export default function UmlDownload(props: UmlDownloadProps) { }} data-id="umlPngDownload" > - + } + >
- Download as PNG + + +
{ - _paq.push(['trackEvent', 'solUmlgen', 'umlpdfdownload', 'downloadAsPdf']) + _paq.push(['trackEvent', 'solUmlGen', 'umlpdfdownload', 'downloadAsPdf']) props.download('pdf') }} data-id="umlPdfDownload" > - + } + >
- Download as PDF + + +
diff --git a/libs/remix-ui/solidity-uml-gen/src/lib/solidity-uml-gen.tsx b/libs/remix-ui/solidity-uml-gen/src/lib/solidity-uml-gen.tsx index a8b93d32c4..fa21607c1c 100644 --- a/libs/remix-ui/solidity-uml-gen/src/lib/solidity-uml-gen.tsx +++ b/libs/remix-ui/solidity-uml-gen/src/lib/solidity-uml-gen.tsx @@ -1,4 +1,5 @@ import React, {Fragment, useCallback, useEffect, useState} from 'react' +import {FormattedMessage} from 'react-intl' import {TransformComponent, TransformWrapper} from 'react-zoom-pan-pinch' import {GlassMagnifier, MagnifierContainer} from 'react-image-magnifiers' import {ThemeSummary} from '../types' @@ -75,18 +76,25 @@ export function RemixUiSolidityUmlGen({updatedSvg, loading, fileName, themeDark} const DefaultInfo = () => (

-

To view your contract as a UML Diagram

+

+ +

  • -

    Right click on your contract file

    +

    + +

  • - Click on Generate UML + {' '} + + +