feat(validator settings cards): improve code

This commit is contained in:
Hristo Nedelkov 2024-02-29 00:12:52 +02:00 committed by Emil Ivanichkov
parent ffed698bdf
commit 4257111871
2 changed files with 23 additions and 9 deletions

View File

@ -1,8 +1,18 @@
import { Stack } from 'tamagui' import { Stack } from 'tamagui'
import ValidatorDataCard from './ValidatorDataCard'
import ValidatorPeersCard from './ValidatorPeersCard'
import ValidatorSettingCard from './ValidatorSettingCard'
import ValidatorSettingCard from './ValidatorSettingCard'
type IconKey =
| 'Exit Validator'
| 'Migrate Validator'
| 'Top up Validator'
| 'Advanced'
const cardTitles: IconKey[] = [
'Exit Validator',
'Migrate Validator',
'Top up Validator',
'Advanced',
]
const ValidatorSettingsCards = () => { const ValidatorSettingsCards = () => {
return ( return (
<Stack <Stack
@ -15,10 +25,9 @@ const ValidatorSettingsCards = () => {
padding: '0 30px', padding: '0 30px',
}} }}
> >
<ValidatorSettingCard title="Exit Validator"/> {cardTitles.map(title => (
<ValidatorSettingCard title="Migrate Validator" /> <ValidatorSettingCard key={title} title={title} />
<ValidatorSettingCard title="Top up Validator" /> ))}
<ValidatorSettingCard title="Advanced" />
</Stack> </Stack>
) )
} }

View File

@ -1,6 +1,11 @@
import { Text } from '@status-im/components' import { Text } from '@status-im/components'
import { AddIcon, DisconnectIcon, AdvancedIcon, ExternalIcon } from '@status-im/icons' import {
import { Stack, XStack, YStack } from 'tamagui' AddIcon,
DisconnectIcon,
AdvancedIcon,
ExternalIcon,
} from '@status-im/icons'
import { Stack, XStack } from 'tamagui'
type IconKey = type IconKey =
| 'Exit Validator' | 'Exit Validator'
| 'Migrate Validator' | 'Migrate Validator'