feat: clean up confirm rec phrase

This commit is contained in:
RadoslavDimchev 2023-09-01 11:47:56 +03:00
parent caef1db110
commit 6d6115cf25
1 changed files with 2 additions and 41 deletions

View File

@ -1,47 +1,8 @@
import { Stack, YStack } from 'tamagui'
import { Input, Text } from '@status-im/components'
import { useState } from 'react'
import KeyGenerationTitle from './KeyGenerationTitle'
const ConfirmRecoveryPhrase = () => {
const [words, setWords] = useState<string[]>(Array.from({ length: 24 }, () => ''))
const changeWordHandler = (e: any, index: number) => {
const newWords = [...words]
newWords[index] = e.target.value
setWords(newWords)
}
return (
<YStack space={'$4'} style={{ width: '100%', marginTop: '20px' }}>
<KeyGenerationTitle />
<Text size={27}>Confirm Recovery Phrase</Text>
<Stack
style={{
display: 'grid',
gridTemplateColumns: 'repeat(4, 1fr)',
gap: '20px 40px',
width: '80%',
marginBottom: '20px',
}}
>
{words.map((word, index) => (
<Input
key={index}
icon={
<Text size={15} color="#0D162566">
{index + 1}.{' '}
</Text>
}
value={word}
onChange={e => changeWordHandler(e, index)}
style={{ fontWeight: '600' }}
/>
))}
</Stack>
</YStack>
<div>
</div>
)
}