import React, { PureComponent } from 'react' import PropTypes from 'prop-types' import classnames from 'classnames' import LockIcon from '../../../../lock-icon' import Button from '../../../../button' import { INITIALIZE_CONFIRM_SEED_PHRASE_ROUTE } from '../../../../../routes' import { exportAsFile } from '../../../../../../app/util' export default class RevealSeedPhrase extends PureComponent { static contextTypes = { t: PropTypes.func, metricsEvent: PropTypes.func, } static propTypes = { history: PropTypes.object, seedPhrase: PropTypes.string, } state = { isShowingSeedPhrase: false, } handleExport = () => { exportAsFile('MetaMask Secret Backup Phrase', this.props.seedPhrase, 'text/plain') } handleNext = event => { event.preventDefault() const { isShowingSeedPhrase } = this.state const { history } = this.props this.context.metricsEvent({ eventOpts: { category: 'Onboarding', action: 'Seed Phrase Setup', name: 'Advance to Verify', }, }) if (!isShowingSeedPhrase) { return } history.push(INITIALIZE_CONFIRM_SEED_PHRASE_ROUTE) } renderSecretWordsContainer () { const { t } = this.context const { seedPhrase } = this.props const { isShowingSeedPhrase } = this.state return (