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

handled error , if does'nt have category

Browse Source
This commit is contained in:
Pramod Mahajan 2025-06-02 13:19:13 +05:30 committed by Vikas Nale
parent 9c46bffc4b
commit 0843123505
1 changed files with 38 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -33,7 +33,7 @@ const CardViewDirectory = ({
(contact?.name || "").trim().split(" ")[1]?.charAt(0) || "" (contact?.name || "").trim().split(" ")[1]?.charAt(0) || ""
} }
/>{" "} />{" "}
<span className="text-heading fs-6"> {contact.name}</span> <span className="text-heading fs-6"> {contact?.name}</span>
</div> </div>
<div> <div>
{IsActive && ( {IsActive && (
@ -68,7 +68,7 @@ const CardViewDirectory = ({
<li> <li>
<a <a
className="dropdown-item px-2 cursor-pointer py-1" className="dropdown-item px-2 cursor-pointer py-1"
onClick={() => IsDeleted(contact.id)} onClick={() => IsDeleted(contact?.id)}
> >
<i className="bx bx-trash text-danger bx-xs me-2"></i> <i className="bx bx-trash text-danger bx-xs me-2"></i>
<span className="align-left">Delete</span> <span className="align-left">Delete</span>
@ -102,10 +102,9 @@ const CardViewDirectory = ({
{contact.organization} {contact.organization}
</li> </li>
</ul> </ul>
</div> </div>
<div <div
className="card-footer text-start px-1 py-1" className={`card-footer text-start px-1 py-1 ${IsActive && "cursor-pointer"}`}
onClick={() => { onClick={() => {
if (IsActive) { if (IsActive) {
setIsOpenModalNote(true); setIsOpenModalNote(true);
@ -125,7 +124,6 @@ const CardViewDirectory = ({
</ul> </ul>
)} )}
{contact.contactPhones[0] && ( {contact.contactPhones[0] && (
<ul className="list-inline m-0 "> <ul className="list-inline m-0 ">
<li className="list-inline-item me-1"> <li className="list-inline-item me-1">
@ -141,17 +139,26 @@ const CardViewDirectory = ({
</ul> </ul>
)} )}
{contact?.contactCategory?.name ? (
<ul className="list-inline m-0"> <ul className="list-inline m-0">
<li className="list-inline-item me-2 my-1"> <li className="list-inline-item me-2 my-1">
<i className="fa-solid fa-tag fs-6"></i> <i className="fa-solid fa-tag fs-6"></i>
</li> </li>
<li className="list-inline-item text-small active"> <li className="list-inline-item text-small active">
{contact.contactCategory.name} {contact?.contactCategory?.name}
</li> </li>
</ul> </ul>
) : (
<ul className="list-inline m-0">
<li className="list-inline-item me-2 my-1">
<i className="fa-solid fa-tag fs-6"></i>
</li>
<li className="list-inline-item text-small active">Other</li>
</ul>
)}
<ul className="list-inline m-0"> <ul className="list-inline m-0">
{contact.bucketIds?.map((bucketId) => ( {contact?.bucketIds?.map((bucketId) => (
<li key={bucketId} className="list-inline-item me-1"> <li key={bucketId} className="list-inline-item me-1">
<span <span
className="badge bg-label-primary rounded-pill d-flex align-items-center gap-1" className="badge bg-label-primary rounded-pill d-flex align-items-center gap-1"