From b98ca9b02735fe3a01b5b39f3711b6ac9c09b165 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Thu, 19 Oct 2023 07:06:36 +0300
Subject: [PATCH] fix: change avatar key to validator address

---
 .../ValidatorsTabs/ValidatorListItem.stories.tsx       |  2 +-
 .../RightSideBar/ValidatorsTabs/ValidatorListItem.tsx  |  6 +++---
 .../RightSideBar/ValidatorsTabs/ValidatorsList.tsx     | 10 +++++-----
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/General/RightSideBar/ValidatorsTabs/ValidatorListItem.stories.tsx b/src/components/General/RightSideBar/ValidatorsTabs/ValidatorListItem.stories.tsx
index 98587bec..1be19805 100644
--- a/src/components/General/RightSideBar/ValidatorsTabs/ValidatorListItem.stories.tsx
+++ b/src/components/General/RightSideBar/ValidatorsTabs/ValidatorListItem.stories.tsx
@@ -16,7 +16,7 @@ type Story = StoryObj<typeof meta>
 
 export const Default: Story = {
   args: {
-    avatarKey: '37880sfsef38fsb',
+    validatorAddress: '37880sfsef38fsb',
     name: 'Validator 1',
     selected: true,
     isAvatarChipIncluded: true,
diff --git a/src/components/General/RightSideBar/ValidatorsTabs/ValidatorListItem.tsx b/src/components/General/RightSideBar/ValidatorsTabs/ValidatorListItem.tsx
index 89a263f5..9e66d88c 100644
--- a/src/components/General/RightSideBar/ValidatorsTabs/ValidatorListItem.tsx
+++ b/src/components/General/RightSideBar/ValidatorsTabs/ValidatorListItem.tsx
@@ -6,7 +6,7 @@ import { getFormattedValidatorAddress } from '../../../../utilities'
 
 type ValidatorListItemProps = {
   name: string
-  avatarKey: string
+  validatorAddress: string
   isAvatarChipIncluded?: boolean
   isVerified?: boolean
   selected?: boolean
@@ -14,7 +14,7 @@ type ValidatorListItemProps = {
 
 const ValidatorListItem = ({
   name,
-  avatarKey,
+  validatorAddress,
   selected,
   isAvatarChipIncluded,
   isVerified,
@@ -63,7 +63,7 @@ const ValidatorListItem = ({
             {isVerified && <VerifiedIcon size={20} />}
             {isAvatarChipIncluded && <ContactIcon size={20} />}
           </Text>
-          <Text size={13}>{getFormattedValidatorAddress(avatarKey)}</Text>
+          <Text size={13}>{getFormattedValidatorAddress(validatorAddress)}</Text>
         </YStack>
       </XStack>
       {isSelected && <Checkbox id="" variant="outline" size={20} selected={isSelected} />}
diff --git a/src/components/General/RightSideBar/ValidatorsTabs/ValidatorsList.tsx b/src/components/General/RightSideBar/ValidatorsTabs/ValidatorsList.tsx
index 1c88e8ee..aaea6933 100644
--- a/src/components/General/RightSideBar/ValidatorsTabs/ValidatorsList.tsx
+++ b/src/components/General/RightSideBar/ValidatorsTabs/ValidatorsList.tsx
@@ -13,15 +13,15 @@ const ValidatorsList = () => {
   const validators = [
     {
       name: 'Validator 1',
-      avatarKey: 'zQ3asdf9d4Gs0',
+      validatorAddress: 'zQ3asdf9d4Gs0',
       selected: true,
       isAvatarChipIncluded: true,
       isVerified: true,
     },
-    { name: 'Validator 2', avatarKey: 'zQ3asdf9d4Gs0', isVerified: true },
-    { name: 'Validator 3', avatarKey: 'zQ3asdf9d4Gs0', isAvatarChipIncluded: true },
-    { name: 'Validator 4', avatarKey: 'zQ3asdf9d4Gs0' },
-    { name: 'Validator 5', avatarKey: 'zQ3asdf9d4Gs0', isVerified: true },
+    { name: 'Validator 2', validatorAddress: 'zQ3asdf9d4Gs0', isVerified: true },
+    { name: 'Validator 3', validatorAddress: 'zQ3asdf9d4Gs0', isAvatarChipIncluded: true },
+    { name: 'Validator 4', validatorAddress: 'zQ3asdf9d4Gs0' },
+    { name: 'Validator 5', validatorAddress: 'zQ3asdf9d4Gs0', isVerified: true },
   ]
   const [filteredValidators, setFilteredValidators] = useState(validators)