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

added avatar for name

Browse Source
This commit is contained in:
Pramod Mahajan 2025-05-19 11:21:37 +05:30
parent bb6aaeee18
commit 4753117d7b
1 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,12 +1,17 @@
import React from "react"; import React from "react";
import Avatar from "../common/Avatar";
const CardViewDirectory = ({contact}) => { const CardViewDirectory = ({contact}) => {
return ( return (
<div class="card text-start "> <div class="card text-start ">
<div class="card-body d-flex justify-content-between px-1 py-2"> <div class="card-body d-flex justify-content-between px-1 py-2">
<div> <div className="d-flex align-items-center">
<p className="fs-6 m-0">{contact.name}</p> <Avatar
<small className="simple-text m-0 text-muted"></small> size="xs"
firstName={(contact?.name || "").trim().split(" ")[0]?.charAt(0) || ""}
lastName={(contact?.name || "").trim().split(" ")[1]?.charAt(0) || ""}
/> <p className="fs-6 m-0">{contact.name}</p>
</div> </div>
<div> <div>
<div className="dropdown z-2 "> <div className="dropdown z-2 ">
@ -44,14 +49,14 @@ const CardViewDirectory = ({contact}) => {
</div> </div>
<div class="card-footer text-start px-1 py-1"> <div class="card-footer text-start px-1 py-1">
<hr className="my-0"/> <hr className="my-0"/>
{contact.contactEmails && <ul className="list-inline my-1 "> {contact.contactEmails[0] && <ul className="list-inline my-1 ">
<li className="list-inline-item me-2"> <li className="list-inline-item me-2">
<i className="bx bx-envelope bx-xs"></i> <i className="bx bx-envelope bx-xs"></i>
</li> </li>
<li className="list-inline-item small-text">{contact.contactEmails[ 0 ]?.emailAddress}</li> <li className="list-inline-item small-text">{contact.contactEmails[ 0 ]?.emailAddress}</li>
</ul>} </ul>}
{contact.contactPhones && <ul className="list-inline m-0"> {contact.contactPhones[0] && <ul className="list-inline m-0">
<li className="list-inline-item me-2"> <li className="list-inline-item me-2">
<i className="bx bx-phone bx-xs"></i> <i className="bx bx-phone bx-xs"></i>
</li> </li>