m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Convert ExportTextContainer component to use JSX (#7538)

Browse Source
This commit is contained in:
Whymarrh Whitby 2019-11-24 01:24:22 -03:30 committed by GitHub
parent 6849595326
commit f15237b1a5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 28 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
ui/app/components/ui/export-text-container/export-text-container.component.js
View File

@ -1,6 +1,5 @@
const { Component } = require('react') import React, { Component } from 'react'
const PropTypes = require('prop-types') const PropTypes = require('prop-types')
const h = require('react-hyperscript')
const copyToClipboard = require('copy-to-clipboard') const copyToClipboard = require('copy-to-clipboard')
const { exportAsFile } = require('../../../helpers/utils/util') const { exportAsFile } = require('../../../helpers/utils/util')
@ -10,25 +9,33 @@ class ExportTextContainer extends Component {
const { t } = this.context const { t } = this.context
return ( return (
h('.export-text-container', [ <div className="export-text-container">
h('.export-text-container__text-container', [ <div className="export-text-container__text-container">
h('.export-text-container__text.notranslate', text), <div className="export-text-container__text notranslate">
]), {text}
h('.export-text-container__buttons-container', [ </div>
h('.export-text-container__button.export-text-container__button--copy', { </div>
onClick: () => copyToClipboard(text), <div className="export-text-container__buttons-container">
}, [ <div
h('img', { src: 'images/copy-to-clipboard.svg' }), className="export-text-container__button export-text-container__button--copy"
h('.export-text-container__button-text', t('copyToClipboard')), onClick={() => copyToClipboard(text)}
]), >
h('.export-text-container__button', { <img src="images/copy-to-clipboard.svg" alt="" />
onClick: () => exportAsFile(filename, text), <div className="export-text-container__button-text">
}, [ {t('copyToClipboard')}
h('img', { src: 'images/download.svg' }), </div>
h('.export-text-container__button-text', t('saveAsCsvFile')), </div>
]), <div
]), className="export-text-container__button"
]) onClick={() => exportAsFile(filename, text)}
>
<img src="images/download.svg" alt="" />
<div className="export-text-container__button-text">
{t('saveAsCsvFile')}
</div>
</div>
</div>
</div>
) )
} }
} }