diff --git a/src/pages/ValidatorManagement/ManageValidator/ValidatorSeettingsCards.tsx b/src/pages/ValidatorManagement/ManageValidator/ValidatorSeettingsCards.tsx index 7c4dbaca..6a3f2e62 100644 --- a/src/pages/ValidatorManagement/ManageValidator/ValidatorSeettingsCards.tsx +++ b/src/pages/ValidatorManagement/ManageValidator/ValidatorSeettingsCards.tsx @@ -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 ( { padding: '0 30px', }} > - - - - + {cardTitles.map(title => ( + + ))} ) } diff --git a/src/pages/ValidatorManagement/ManageValidator/ValidatorSettingCard.tsx b/src/pages/ValidatorManagement/ManageValidator/ValidatorSettingCard.tsx index 39d79421..764673af 100644 --- a/src/pages/ValidatorManagement/ManageValidator/ValidatorSettingCard.tsx +++ b/src/pages/ValidatorManagement/ManageValidator/ValidatorSettingCard.tsx @@ -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'