From bbbf82173057288d5919dd1806750720ac3b38dd Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Thu, 18 Jan 2024 11:41:04 +0200
Subject: [PATCH] feat: add icons to validator name and address

---
 .../General/ValidatorNameAddress.tsx          | 23 ++++++++++++++-----
 1 file changed, 17 insertions(+), 6 deletions(-)

diff --git a/src/components/General/ValidatorNameAddress.tsx b/src/components/General/ValidatorNameAddress.tsx
index beee374d..37f6a0a5 100644
--- a/src/components/General/ValidatorNameAddress.tsx
+++ b/src/components/General/ValidatorNameAddress.tsx
@@ -1,24 +1,35 @@
 import { Text } from '@status-im/components'
 import { XStack, YStack } from 'tamagui'
+import { CopyIcon, VerifiedIcon, ContactIcon } from '@status-im/icons'
 
 import { getFormattedValidatorAddress } from '../../utilities'
-import { CopyIcon } from '@status-im/icons'
 
 type ValidatorNameAddressProps = {
-  number: number
+  name: string
   address: string
+  isVerified?: boolean
+  isAvatarChipIncluded?: boolean
 }
 
-const ValidatorNameAddress = ({ number, address }: ValidatorNameAddressProps) => {
+const ValidatorNameAddress = ({
+  name,
+  address,
+  isVerified,
+  isAvatarChipIncluded,
+}: ValidatorNameAddressProps) => {
   const onCopyAddress = () => {
     navigator.clipboard.writeText(address)
   }
 
   return (
     <YStack alignItems={'start'}>
-      <Text size={15} weight={'semibold'}>
-        Validator {number}
-      </Text>
+      <XStack space={'$1'} alignItems="center">
+        <Text size={13} weight={'semibold'}>
+          Validator {name}
+        </Text>
+        {isVerified && <VerifiedIcon size={20} />}
+        {isAvatarChipIncluded && <ContactIcon size={20} />}
+      </XStack>
       <XStack space={'$1'} style={{ alignItems: 'center' }}>
         <Text size={13} color="#647084">
           {getFormattedValidatorAddress(address)}