status-im
/
nimbus-gui
mirror of https://github.com/status-im/nimbus-gui.git
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: remove generated mnemonic state

This commit is contained in:
RadoslavDimchev 2023-10-08 10:59:04 +03:00
parent 232cc13547
commit 62b8bd8a5f
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/pages/ValidatorOnboarding/KeyGeneration/RecoveryPhrase.tsx
View File

@ -4,6 +4,10 @@ import { CloseCircleIcon } from '@status-im/icons'
import { useEffect, useState } from 'react' import { useEffect, useState } from 'react'
import { generateMnemonic } from 'web-bip39' import { generateMnemonic } from 'web-bip39'
import wordlist from 'web-bip39/wordlists/english' import wordlist from 'web-bip39/wordlists/english'
import { useDispatch, useSelector } from 'react-redux'
import { RootState } from '../../../redux/store'
import { setGeneratedMnemonic } from '../../../redux/ValidatorOnboarding/KeyGeneration/slice'
type RecoveryPhraseProps = { type RecoveryPhraseProps = {
isKeystoreFiles: boolean isKeystoreFiles: boolean
@ -11,7 +15,8 @@ type RecoveryPhraseProps = {
const RecoveryPhrase = ({ isKeystoreFiles }: RecoveryPhraseProps) => { const RecoveryPhrase = ({ isKeystoreFiles }: RecoveryPhraseProps) => {
const [isReveal, setIsReveal] = useState(false) const [isReveal, setIsReveal] = useState(false)
const [generatedMnemonic, setGeneratedMnemonic] = useState('') const { generatedMnemonic } = useSelector((state: RootState) => state.keyGeneration)
const dispatch = useDispatch()
useEffect(() => { useEffect(() => {
getMnemonic() getMnemonic()
@ -19,7 +24,7 @@ const RecoveryPhrase = ({ isKeystoreFiles }: RecoveryPhraseProps) => {
const getMnemonic = async () => { const getMnemonic = async () => {
const mnemonic = await generateMnemonic(wordlist, 256) const mnemonic = await generateMnemonic(wordlist, 256)
setGeneratedMnemonic(mnemonic) dispatch(setGeneratedMnemonic(mnemonic.split(' ')))
} }
const revealHandler = () => { const revealHandler = () => {
@ -45,7 +50,7 @@ const RecoveryPhrase = ({ isKeystoreFiles }: RecoveryPhraseProps) => {
gap: '5px 0px', gap: '5px 0px',
}} }}
> >
{generatedMnemonic.split(' ').map((word, index) => ( {generatedMnemonic.map((word, index) => (
<Text key={index} size={19} weight={'semibold'}> <Text key={index} size={19} weight={'semibold'}>
{word} {word}
</Text> </Text>