added avatar
This commit is contained in:
parent
126a84b5cc
commit
3efeea55e0
@ -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 >
|
||||
|
Loading…
x
Reference in New Issue
Block a user