From 425711187108060f3707d3b569e6b15e194c99f7 Mon Sep 17 00:00:00 2001
From: Hristo Nedelkov <hristo.nedelkow@gmail.com>
Date: Thu, 29 Feb 2024 00:12:52 +0200
Subject: [PATCH] feat(validator settings cards): improve code

---
 .../ValidatorSeettingsCards.tsx               | 23 +++++++++++++------
 .../ManageValidator/ValidatorSettingCard.tsx  |  9 ++++++--
 2 files changed, 23 insertions(+), 9 deletions(-)

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 (
     <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>
   )
 }
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'