From a246d109e2a4a90563bf089af7a52de081d0ea08 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Tue, 14 Nov 2023 00:57:01 +0200
Subject: [PATCH] fix: works with new constant structure

---
 .../ValidatorManagement/ManagementTabs.tsx    | 36 ++++---------------
 1 file changed, 6 insertions(+), 30 deletions(-)

diff --git a/src/pages/ValidatorManagement/ManagementTabs.tsx b/src/pages/ValidatorManagement/ManagementTabs.tsx
index 232c6ec8..43726681 100644
--- a/src/pages/ValidatorManagement/ManagementTabs.tsx
+++ b/src/pages/ValidatorManagement/ManagementTabs.tsx
@@ -1,48 +1,24 @@
-import { useMemo } from 'react'
 import { Tabs } from '@status-im/components'
 import { Stack } from 'tamagui'
 
 import ManagementTable from './ManagementTable/ManagementTable'
+import { VALIDATOR_TABS } from '../../constants'
 
 const ManagementTabs = () => {
-  const VALIDATOR_TABS = useMemo(
-    () => [
-      {
-        value: 'Active',
-      },
-      {
-        value: 'Pending',
-      },
-      {
-        value: 'Inactive',
-      },
-      {
-        value: 'Exited',
-      },
-      {
-        value: 'Withdraw',
-      },
-      {
-        value: 'All',
-      },
-    ],
-    [],
-  )
-
   return (
-    <Tabs defaultValue={VALIDATOR_TABS[0].value}>
+    <Tabs defaultValue={VALIDATOR_TABS[0]}>
       <Stack style={{ cursor: 'pointer', width: 'fit-content', margin: '16px 0' }}>
         <Tabs.List size={32}>
           {VALIDATOR_TABS.map(tab => (
-            <Tabs.Trigger key={tab.value} type="default" value={tab.value}>
-              {tab.value}
+            <Tabs.Trigger key={tab} type="default" value={tab}>
+              {tab}
             </Tabs.Trigger>
           ))}
         </Tabs.List>
       </Stack>
       {VALIDATOR_TABS.map(tab => (
-        <Tabs.Content key={tab.value} value={tab.value} style={{ marginTop: '8px' }}>
-          <ManagementTable tab={tab.value} />
+        <Tabs.Content key={tab} value={tab} style={{ marginTop: '8px' }}>
+          <ManagementTable tab={tab} />
         </Tabs.Content>
       ))}
     </Tabs>