src/features/shared/components/Mnemonic/Mnemonic.jsx

   1 import React from 'react'
   2 import { copyToClipboard } from 'utility/clipboard'
   3 import styles from './Mnemonic.scss'
   4 import {withNamespaces} from 'react-i18next'
   5
   6 class Mnemonic extends React.Component {
   7   constructor(props) {
   8     super(props)
   9     this.state={
  10       mnemonicArray : this.props.mnemonic.split(' ')
  11     }
  12   }
  13
  14   render() {
  15     const t = this.props.t
  16     const {mnemonicArray} = this.state
  17     return (
  18      <div>
  19        <div className={styles.flexContainer}>
  20          <h4>{t('init.mnemonic')}</h4>
  21          <button
  22            className='btn btn-link'
  23            onClick={() => copyToClipboard(this.props.mnemonic)}
  24          >
  25            <img className={styles.copy} src={require('images/copy.svg')}/>
  26          </button>
  27        </div>
  28        <p>{t('mnemonic.backupMessage')}</p>
  29        <div className={`${styles.flexContainer} ${styles.seedArea}`}>
  30
  31          {
  32            mnemonicArray.map((seedWord) =>
  33              <div className={styles.seed}>{seedWord}</div>)
  34          }
  35        </div>
  36
  37      </div>
  38     )
  39   }
  40 }
  41
  42 export default withNamespaces('translations') (Mnemonic)