From 45005f0520547330338312733ea686323654a7b4 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Sat, 23 Mar 2024 16:56:13 +0200
Subject: [PATCH] fix(validator-setting-card): icon function and component

---
 .../LeftManage/ValidatorSettingCard.tsx             | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/pages/ManageValidator/LeftManage/ValidatorSettingCard.tsx b/src/pages/ManageValidator/LeftManage/ValidatorSettingCard.tsx
index 17e1c655..b6bef270 100644
--- a/src/pages/ManageValidator/LeftManage/ValidatorSettingCard.tsx
+++ b/src/pages/ManageValidator/LeftManage/ValidatorSettingCard.tsx
@@ -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}