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
   5 class Mnemonic extends React.Component {
   6   constructor(props) {
   7     super(props)
   8     this.state={
   9       mnemonicArray : this.props.mnemonic.split(' ')
  10     }
  11   }
  12
  13   render() {
  14     const {mnemonicArray} = this.state
  15     return (
  16      <div>
  17        <div className={styles.flexContainer}>
  18          <h4>Mnemonic</h4>
  19          <button
  20            className='btn btn-link'
  21            onClick={() => copyToClipboard(this.props.mnemonic)}
  22          >
  23            <img className={styles.copy} src={require('images/copy.svg')}/>
  24          </button>
  25        </div>
  26        <p>Write down the following seed and save it in a secure location.</p>
  27        <div className={`${styles.flexContainer} ${styles.seedArea}`}>
  28
  29          {
  30            mnemonicArray.map((seedWord) =>
  31              <div className={styles.seed}>{seedWord}</div>)
  32          }
  33        </div>
  34
  35      </div>
  36     )
  37   }
  38 }
  39
  40 export default Mnemonic