fix: change validators structure

src/constants.ts

@@ -67,49 +67,41 @@ export const VALIDATORS_DATA = [
   {
     number: 1,
     address: 'zQ3asdf9d4Gs0',
-    balance: 100,
+    balance: 32.0786,
-    income: 100,
+    income: 0.0786,
-    proposals: 100,
+    proposals: '1/102',
-    attestations: 100,
+    attestations: '1/102',
-    effectiveness: 100,
+    effectiveness: 98,
-    deposits: 100,
-    rank: 100,
     status: 'Active',
   },
   {
     number: 1,
     address: 'zQ3asdf9d4Gs0',
-    balance: 100,
+    balance: 32.0786,
-    income: 100,
+    income: 0.0786,
-    proposals: 100,
+    proposals: '1/102',
-    attestations: 100,
+    attestations: '1/102',
-    effectiveness: 100,
+    effectiveness: 98,
-    deposits: 100,
-    rank: 100,
     status: 'Active',
   },
   {
     number: 1,
     address: 'zQ3asdf9d4Gs0',
-    balance: 100,
+    balance: 32.0786,
-    income: 100,
+    income: 0.0786,
-    proposals: 100,
+    proposals: '1/102',
-    attestations: 100,
+    attestations: '1/102',
-    effectiveness: 100,
+    effectiveness: 98,
-    deposits: 100,
-    rank: 100,
     status: 'Active',
   },
   {
     number: 1,
     address: 'zQ3asdf9d4Gs0',
-    balance: 100,
+    balance: 32.0786,
-    income: 100,
+    income: 0.0786,
-    proposals: 100,
+    proposals: '1/102',
-    attestations: 100,
+    attestations: '1/102',
-    effectiveness: 100,
+    effectiveness: 98,
-    deposits: 100,
-    rank: 100,
     status: 'Active',
   },
 ]

src/pages/ValidatorManagement/ManagementTable/ManagementTable.tsx

@@ -17,11 +17,9 @@ type Validator = {
   address: string
   balance: number
   income: number
-  proposals: number
+  proposals: string
-  attestations: number
+  attestations: string
   effectiveness: number
-  deposits: number
-  rank: number
   status: string
 }
 
@@ -132,16 +130,6 @@ const ManagementTable = ({ tab }: ManagementTableProps) => {
                 Effectiveness
               </Text>
             </th>
-            <th>
-              <Text size={15} color={'#647084'}>
-                Deposits
-              </Text>
-            </th>
-            <th>
-              <Text size={15} color={'#647084'}>
-                Rank
-              </Text>
-            </th>
             <th>
               <Text size={15} color={'#647084'}>
                 Status
@@ -181,17 +169,7 @@ const ManagementTable = ({ tab }: ManagementTableProps) => {
               </td>
               <td>
                 <Text size={15} color={'#647084'}>
-                  {validator.effectiveness}
+                  {validator.effectiveness}%
-                </Text>
-              </td>
-              <td>
-                <Text size={15} color={'#647084'}>
-                  {validator.deposits}
-                </Text>
-              </td>
-              <td>
-                <Text size={15} color={'#647084'}>
-                  {validator.rank}
                 </Text>
               </td>
               <td>