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

fix(validator-setting-card): icon function and component

This commit is contained in:
RadoslavDimchev 2024-03-23 16:56:13 +02:00 committed by Emil Ivanichkov
parent 0a0d83a989
commit 45005f0520
1 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/pages/ManageValidator/LeftManage/ValidatorSettingCard.tsx
View File

@ -1,6 +1,7 @@
import { Text } from '@status-im/components'
import { DisconnectIcon, AdvancedIcon, ExternalIcon } from '@status-im/icons'
import { Stack, XStack, YStack } from 'tamagui'
import { Stack, YStack } from 'tamagui'
type IconKey = 'Exit Validator' | 'Migrate Validator' | 'Advanced'
type ValidatorSettingCardProps = {
@ -9,11 +10,11 @@ type ValidatorSettingCardProps = {
const ValidatorSettingCard = ({ title }: ValidatorSettingCardProps) => {
const getIcon = {
'Exit Validator': () => <DisconnectIcon size={20}></DisconnectIcon>,
'Migrate Validator': () => <ExternalIcon size={20}></ExternalIcon>,
Advanced: () => <AdvancedIcon size={20}></AdvancedIcon>,
'Exit Validator': <DisconnectIcon size={20} />,
'Migrate Validator': <ExternalIcon size={20} />,
Advanced: <AdvancedIcon size={20} />,
}
return (
<YStack alignItems="center">
<Stack
@ -24,7 +25,7 @@ const ValidatorSettingCard = ({ title }: ValidatorSettingCardProps) => {
width: 'fit-content',
}}
>
<XStack>{getIcon[title]()}</XStack>
{getIcon[title]}
</Stack>
<Text size={15} weight="semibold" color="#647084">
{title}