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: create grid with inputs for confirming

This commit is contained in:
RadoslavDimchev 2023-08-29 12:06:54 +03:00
parent 209b2c706d
commit 64818f1252
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/pages/ValidatorOnboarding/KeyGeneration/ConfirmRecoveryPhrase.tsx
View File

@ -1,12 +1,17 @@
import { YStack } from 'tamagui' import { Stack, YStack } from 'tamagui'
import KeyGenerationTitle from './KeyGenerationTitle' import KeyGenerationTitle from './KeyGenerationTitle'
import { Text } from '@status-im/components' import { Input, Text } from '@status-im/components'
const ConfirmRecoveryPhrase = () => { const ConfirmRecoveryPhrase = () => {
return ( return (
<YStack space={'$4'} style={{ width: '100%', marginTop: '20px' }}> <YStack space={'$4'} style={{ width: '100%', marginTop: '20px' }}>
<KeyGenerationTitle /> <KeyGenerationTitle />
<Text size={27}>Confirm Recovery Phrase</Text> <Text size={27}>Confirm Recovery Phrase</Text>
<Stack style={{ display: 'grid', gridTemplateColumns: 'repeat(4, 1fr)', gap: '16px 16px' }}>
{Array.from({ length: 24 }, (_, index) => (
<Input key={`input-${index}`} />
))}
</Stack>
</YStack> </YStack>
) )
} }