From e1ce8983ddea721ea38cac750551dd3ec6e53fdd Mon Sep 17 00:00:00 2001 From: RadoslavDimchev Date: Thu, 19 Oct 2023 07:09:45 +0300 Subject: [PATCH] fix: change val list and add validator type --- .../ValidatorsTabs/ValidatorsList.tsx | 16 ++++++++++++---- 1 file changed, 12 insertions(+), 4 deletions(-) diff --git a/src/components/General/RightSideBar/ValidatorsTabs/ValidatorsList.tsx b/src/components/General/RightSideBar/ValidatorsTabs/ValidatorsList.tsx index aaea6933..e3195294 100644 --- a/src/components/General/RightSideBar/ValidatorsTabs/ValidatorsList.tsx +++ b/src/components/General/RightSideBar/ValidatorsTabs/ValidatorsList.tsx @@ -2,14 +2,23 @@ import { Stack, YStack } from 'tamagui' import { useState, useEffect } from 'react' import { useDispatch } from 'react-redux' -import ValidatorListItem from './ValidatorListItem' import { setCountOfValidators } from '../../../../redux/RightSidebar/slice' +import ValidatorListItem from './ValidatorListItem' import InputSearch from './SearchInput' -const ValidatorsList = () => { - const dispatch = useDispatch() +type Validator = { + name: string + validatorAddress: string + isAvatarChipIncluded?: boolean + isVerified?: boolean + selected?: boolean +} +const ValidatorsList = () => { const [searchValue, setSearchValue] = useState('') + const dispatch = useDispatch() + const [filteredValidators, setFilteredValidators] = useState([] as Validator[]) + const validators = [ { name: 'Validator 1', @@ -23,7 +32,6 @@ const ValidatorsList = () => { { name: 'Validator 4', validatorAddress: 'zQ3asdf9d4Gs0' }, { name: 'Validator 5', validatorAddress: 'zQ3asdf9d4Gs0', isVerified: true }, ] - const [filteredValidators, setFilteredValidators] = useState(validators) useEffect(() => { if (searchValue) {