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