feat: clean up confirm rec phrase
This commit is contained in:
parent
caef1db110
commit
6d6115cf25
|
@ -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>
|
||||
)
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue