diff --git a/src/pages/ValidatorManagement/ManagementTable/ManagementTable.tsx b/src/pages/ValidatorManagement/ManagementTable/ManagementTable.tsx index 1cb81878..8d44d718 100644 --- a/src/pages/ValidatorManagement/ManagementTable/ManagementTable.tsx +++ b/src/pages/ValidatorManagement/ManagementTable/ManagementTable.tsx @@ -1,7 +1,10 @@ import { Checkbox, Text } from '@status-im/components' import { OptionsIcon } from '@status-im/icons' +import { useState } from 'react' +import { YStack } from 'tamagui' import ValidatorProfile from '../../../components/General/ValidatorProfile' +import SearchManagement from './SearchManagement' import './ManagementTable.css' const validators = [ @@ -56,117 +59,126 @@ const validators = [ ] const ManagementTable = () => { + const [searchValue, setSearchValue] = useState('') + + const changeSearchValue = (value: string) => { + setSearchValue(value) + } + return ( - - - - - - - - - - - - - - - - - - {validators.map((validator, index) => ( - - - - - - + {validators.map((validator, index) => ( + + + + + + + + + + + + + + ))} + +
- - - - {validators.length} Validators - - - - Balance - - - - Income - - - - Proposals - - - - Attestations - - - - Effectiveness - - - - Deposits - - - - Rank - - - - Status - -
- - - - - - {validator.balance} - - - - {validator.income} - - + + + + + + + + + + + + - ))} - -
+ + - {validator.proposals} + {validators.length} Validators - - + + - {validator.attestations} + Balance - - + + - {validator.effectiveness} + Income - - + + - {validator.deposits} + Proposals - - + + - {validator.rank} + Attestations - - - - {validator.status} + + + + Effectiveness - - - - + + Deposits + + + + Rank + + + + Status + +
+ +
+ + + + + + {validator.balance} + + + + {validator.income} + + + + {validator.proposals} + + + + {validator.attestations} + + + + {validator.effectiveness} + + + + {validator.deposits} + + + + {validator.rank} + + + + {validator.status} + + + +
+ ) }