diff --git a/src/pages/Dashboard/RightSideBar/ValidatorsList.tsx b/src/pages/Dashboard/RightSideBar/ValidatorsList.tsx index 7192b7c1..0b139785 100644 --- a/src/pages/Dashboard/RightSideBar/ValidatorsList.tsx +++ b/src/pages/Dashboard/RightSideBar/ValidatorsList.tsx @@ -1,40 +1,46 @@ -import { Stack, YStack } from "tamagui"; -import ValidatorListItem from "./ValidatorListItem"; -import InputSearch from "./SearchInput"; -import { useState, useEffect } from "react"; +import { Stack, YStack } from 'tamagui' +import ValidatorListItem from './ValidatorListItem' +import InputSearch from './SearchInput' +import { useState, useEffect } from 'react' const ValidatorsList = () => { - const [searchValue, setSearchValue] = useState(''); - const validators = [ - { name: 'Validator 1', avatarKey: '37880sfsef38fsb', selected: true, isAvatarChipIncluded: true, isVerified: true }, - { name: 'Validator 2', avatarKey: 'hs880sfsef38fsb', isVerified: true }, - { name: 'Validator 3', avatarKey: '3nh880sfsef38fsb', isAvatarChipIncluded: true }, - { name: 'Validator 4', avatarKey: 'fh7880sfsef38fsb' }, - { name: 'Validator 5', avatarKey: 'j77880s..fsef38fsb' , isVerified: true}, - ]; - const [filteredValidators, setFilteredValidators] = useState(validators); + const [searchValue, setSearchValue] = useState('') + const validators = [ + { + name: 'Validator 1', + avatarKey: '37880sfsef38fsb', + selected: true, + isAvatarChipIncluded: true, + isVerified: true, + }, + { name: 'Validator 2', avatarKey: 'hs880sfsef38fsb', isVerified: true }, + { name: 'Validator 3', avatarKey: '3nh880sfsef38fsb', isAvatarChipIncluded: true }, + { name: 'Validator 4', avatarKey: 'fh7880sfsef38fsb' }, + { name: 'Validator 5', avatarKey: 'j77880s..fsef38fsb', isVerified: true }, + ] + const [filteredValidators, setFilteredValidators] = useState(validators) - useEffect(() => { - if (searchValue) { - const filtered = validators.filter(validator => - validator.name.toLowerCase().includes(searchValue.toLowerCase()) - ); - setFilteredValidators(filtered); - } else { - setFilteredValidators(validators); - } - }, [searchValue, validators]); + useEffect(() => { + if (searchValue) { + const filtered = validators.filter(validator => + validator.name.toLowerCase().includes(searchValue.toLowerCase()), + ) + setFilteredValidators(filtered) + } else { + setFilteredValidators(validators) + } + }, [searchValue, validators]) - return ( - - - - {filteredValidators.map(validator => ( - - ))} - - - ); + return ( + + + + {filteredValidators.map(validator => ( + + ))} + + + ) } -export default ValidatorsList; +export default ValidatorsList