From 6fec5b68e34abc941f5b13d39156f027ed51c806 Mon Sep 17 00:00:00 2001
From: Pramod Mahajan <pramodmahajan1411200@gmail.com>
Date: Mon, 19 May 2025 11:22:45 +0530
Subject: [PATCH] added avatar

---
 src/components/Directory/ListViewDirectory.jsx | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/components/Directory/ListViewDirectory.jsx b/src/components/Directory/ListViewDirectory.jsx
index 033290cd..e58b38fb 100644
--- a/src/components/Directory/ListViewDirectory.jsx
+++ b/src/components/Directory/ListViewDirectory.jsx
@@ -1,4 +1,5 @@
 import React from 'react'
+import Avatar from '../common/Avatar';
 
 const getEmailIcon = (type) => {
   switch (type) {
@@ -26,7 +27,19 @@ const getPhoneIcon = (type) => {
 const ListViewDirectory = ({ contact,setSelectedContact,setIsOpenModal }) => {
   return (
     <tr key={contact.id} >
-      <td className="text-start" style={{ width: '18%' }} colSpan={2}>{`${contact.name}`}</td>
+      <td className="text-start" style={{width: '18%'}} colSpan={2}>
+     <div className="d-flex align-items-center">
+  <Avatar
+  size="xs"
+  firstName={(contact?.name || "").trim().split(" ")[0]?.charAt(0) || ""}
+  lastName={(contact?.name || "").trim().split(" ")[1]?.charAt(0) || ""}
+/>
+
+  <span >{contact?.name || ""}</span>
+</div>
+
+
+      </td>
 
       {/* Emails */}
       <td >