From f296becfc87b2bfc4f57eb045a928535e718b8f9 Mon Sep 17 00:00:00 2001 From: RadoslavDimchev Date: Wed, 4 Oct 2023 23:47:18 +0300 Subject: [PATCH] feat: generate mnemonic and set it to state --- .../KeyGeneration/RecoveryPhrase.tsx | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/src/pages/ValidatorOnboarding/KeyGeneration/RecoveryPhrase.tsx b/src/pages/ValidatorOnboarding/KeyGeneration/RecoveryPhrase.tsx index 10e0a84f..508f3f89 100644 --- a/src/pages/ValidatorOnboarding/KeyGeneration/RecoveryPhrase.tsx +++ b/src/pages/ValidatorOnboarding/KeyGeneration/RecoveryPhrase.tsx @@ -1,7 +1,9 @@ import { Stack, XStack, YStack } from 'tamagui' import { Button, InformationBox, Text } from '@status-im/components' import { CloseCircleIcon } from '@status-im/icons' -import { useState } from 'react' +import { useEffect, useState } from 'react' +import { generateMnemonic } from 'web-bip39' +import wordlist from 'web-bip39/wordlists/english' type RecoveryPhraseProps = { isKeystoreFiles: boolean @@ -9,6 +11,15 @@ type RecoveryPhraseProps = { const RecoveryPhrase = ({ isKeystoreFiles }: RecoveryPhraseProps) => { const [isReveal, setIsReveal] = useState(false) + const [generatedMnemonic, setGeneratedMnemonic] = useState('') + + useEffect(() => { + const getMnemonic = async () => { + const mnemonic = await generateMnemonic(wordlist, 256) + setGeneratedMnemonic(mnemonic) + } + getMnemonic() + }, []) const revealHandler = () => { setIsReveal(state => !state)