From d900076202cd541cd5d03ea4f198eb8d27f8f1fa Mon Sep 17 00:00:00 2001
From: Hristo Nedelkov <hristo.nedelkow@gmail.com>
Date: Wed, 27 Sep 2023 11:24:57 +0300
Subject: [PATCH] Add icons logic in ValidatorListItem

---
 .../Dashboard/RightSideBar/ValidatorListItem.tsx     | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/pages/Dashboard/RightSideBar/ValidatorListItem.tsx b/src/pages/Dashboard/RightSideBar/ValidatorListItem.tsx
index 17e78ff7..8fa6e9c4 100644
--- a/src/pages/Dashboard/RightSideBar/ValidatorListItem.tsx
+++ b/src/pages/Dashboard/RightSideBar/ValidatorListItem.tsx
@@ -6,10 +6,13 @@ import { VerifiedIcon, ContactIcon } from '@status-im/icons';
 type ValidatorListItemProps = {
   name: string;
   avatarKey: string;
+  isAvatarChipIncluded?: boolean;
+  isVerified?: boolean;
   selected?: boolean;
+
 };
 
-const ValidatorListItem = ({ name, avatarKey, selected }: ValidatorListItemProps) => {
+const ValidatorListItem = ({ name, avatarKey, selected, isAvatarChipIncluded, isVerified }: ValidatorListItemProps) => {
   const [hovered, setHovered] = useState(false);
   const [isSelected, setIsSelected] = useState(selected);
 
@@ -51,7 +54,12 @@ const ValidatorListItem = ({ name, avatarKey, selected }: ValidatorListItemProps
         <YStack pl="8px">
           <Text size={13} weight={'semibold'}>
             {name}
-            <VerifiedIcon size={20} /> <ContactIcon size={20} />
+            {isVerified && (
+              <VerifiedIcon size={20} />
+            )}
+            {isAvatarChipIncluded && (
+              <ContactIcon size={20} />
+            )}
           </Text>
           <Text size={13}>{avatarKey}</Text>
         </YStack>