From 08431235056e05324cc4a424db74593a356c1a8b Mon Sep 17 00:00:00 2001
From: Pramod Mahajan <pramodmahajan1411200@gmail.com>
Date: Mon, 2 Jun 2025 13:19:13 +0530
Subject: [PATCH] handled error , if does'nt have category

---
 .../Directory/CardViewDirectory.jsx           | 69 ++++++++++---------
 1 file changed, 38 insertions(+), 31 deletions(-)

diff --git a/src/components/Directory/CardViewDirectory.jsx b/src/components/Directory/CardViewDirectory.jsx
index 9ac982c6..e7583a9d 100644
--- a/src/components/Directory/CardViewDirectory.jsx
+++ b/src/components/Directory/CardViewDirectory.jsx
@@ -33,7 +33,7 @@ const CardViewDirectory = ({
                 (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>
             {IsActive && (
@@ -68,7 +68,7 @@ const CardViewDirectory = ({
                   <li>
                     <a
                       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>
                       <span className="align-left">Delete</span>
@@ -95,17 +95,16 @@ const CardViewDirectory = ({
         </div>
 
         <ul className="list-inline m-0 ps-4 d-flex align-items-start">
-  <li className="list-inline-item me-1 small">
-    <i className="fa-solid fa-briefcase me-2"></i>
-  </li>
-  <li className="list-inline-item text-break small">
-    {contact.organization}
-  </li>
-</ul>
-
+          <li className="list-inline-item me-1 small">
+            <i className="fa-solid fa-briefcase me-2"></i>
+          </li>
+          <li className="list-inline-item text-break small">
+            {contact.organization}
+          </li>
+        </ul>
       </div>
       <div
-        className="card-footer text-start px-1 py-1"
+        className={`card-footer text-start px-1 py-1 ${IsActive && "cursor-pointer"}`}
         onClick={() => {
           if (IsActive) {
             setIsOpenModalNote(true);
@@ -114,17 +113,16 @@ const CardViewDirectory = ({
         }}
       >
         <hr className="my-0" />
-      {contact.contactEmails[0] && (
-  <ul className="list-unstyled my-1 d-flex align-items-start">
-    <li className="me-2">
-      <i className="bx bx-envelope bx-xs mt-1"></i>
-    </li>
-    <li className="flex-grow-1 text-break small">
-      {contact.contactEmails[0].emailAddress}
-    </li>
-  </ul>
-)}
-
+        {contact.contactEmails[0] && (
+          <ul className="list-unstyled my-1 d-flex align-items-start">
+            <li className="me-2">
+              <i className="bx bx-envelope bx-xs mt-1"></i>
+            </li>
+            <li className="flex-grow-1 text-break small">
+              {contact.contactEmails[0].emailAddress}
+            </li>
+          </ul>
+        )}
 
         {contact.contactPhones[0] && (
           <ul className="list-inline m-0 ">
@@ -141,17 +139,26 @@ const CardViewDirectory = ({
           </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">
-            {contact.contactCategory.name}
-          </li>
-        </ul>
+        {contact?.contactCategory?.name ? (
+          <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">
+              {contact?.contactCategory?.name}
+            </li>
+          </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">
-          {contact.bucketIds?.map((bucketId) => (
+          {contact?.bucketIds?.map((bucketId) => (
             <li key={bucketId} className="list-inline-item me-1">
               <span
                 className="badge bg-label-primary rounded-pill d-flex align-items-center gap-1"