status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-02-07 17:13:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(validator settings cards): improve code

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/pages/ValidatorManagement/ManageValidator/ValidatorSeettingsCards.tsx
View File

@ -1,8 +1,18 @@
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 = () => {
return (
<Stack
@ -15,10 +25,9 @@ const ValidatorSettingsCards = () => {
padding: '0 30px',
}}
>
<ValidatorSettingCard title="Exit Validator"/>
<ValidatorSettingCard title="Migrate Validator" />
<ValidatorSettingCard title="Top up Validator" />
<ValidatorSettingCard title="Advanced" />
{cardTitles.map(title => (
<ValidatorSettingCard key={title} title={title} />
))}
</Stack>
)
}

9
src/pages/ValidatorManagement/ManageValidator/ValidatorSettingCard.tsx
View File

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