admin/marco.pms.web
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

added avatar

Browse Source
This commit is contained in:
Pramod Mahajan 2025-05-19 11:22:45 +05:30
parent 126a84b5cc
commit 3efeea55e0
1 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/Directory/ListViewDirectory.jsx
View File

@ -1,4 +1,5 @@
import React from 'react' import React from 'react'
import Avatar from '../common/Avatar';
const getEmailIcon = (type) => { const getEmailIcon = (type) => {
switch (type) { switch (type) {
@ -26,7 +27,19 @@ const getPhoneIcon = (type) => {
const ListViewDirectory = ({ contact,setSelectedContact,setIsOpenModal }) => { const ListViewDirectory = ({ contact,setSelectedContact,setIsOpenModal }) => {
return ( return (
<tr key={contact.id} > <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 */} {/* Emails */}
<td > <td >