From bc50e58150ff0c44d3d1d2c86b952b44177f5499 Mon Sep 17 00:00:00 2001
From: Pramod Mahajan <pramodmahajan1411200@gmail.com>
Date: Mon, 19 May 2025 11:51:33 +0530
Subject: [PATCH] added  fun as props to open edit modal

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

diff --git a/src/components/Directory/CardViewDirectory.jsx b/src/components/Directory/CardViewDirectory.jsx
index b7213829..50838bd3 100644
--- a/src/components/Directory/CardViewDirectory.jsx
+++ b/src/components/Directory/CardViewDirectory.jsx
@@ -1,17 +1,21 @@
 import React from "react";
 import Avatar from "../common/Avatar";
 
-const CardViewDirectory = ({contact}) => {
+const CardViewDirectory = ({ contact,setSelectedContact , setIsOpenModal}) => {
   return (
-    <div class="card text-start ">
+    <div class="card text-start border-1">
       <div class="card-body d-flex justify-content-between px-1 py-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) || ""}
-/>   <p className="fs-6 m-0">{contact.name}</p>
-          
+          <Avatar
+            size="xs"
+            firstName={
+              (contact?.name || "").trim().split(" ")[0]?.charAt(0) || ""
+            }
+            lastName={
+              (contact?.name || "").trim().split(" ")[1]?.charAt(0) || ""
+            }
+          />{" "}
+          <p className="m-0">{contact.name}</p>
         </div>
         <div>
           <div className="dropdown z-2 ">
@@ -31,7 +35,11 @@ const CardViewDirectory = ({contact}) => {
               ></i>
             </button>
             <ul className="dropdown-menu dropdown-menu-end w-auto">
-              <li >
+              <li onClick={() =>
+              {
+                setSelectedContact(contact)
+                setIsOpenModal(true)
+              }}>
                 <a className="dropdown-item px-2 py-0">
                   <i className="bx bx-pencil bx-xs me-2"></i>
                   <span className="align-left small-text">Modify</span>
@@ -48,30 +56,43 @@ const CardViewDirectory = ({contact}) => {
         </div>
       </div>
       <div class="card-footer text-start px-1 py-1">
-        <hr className="my-0"/>
-              {contact.contactEmails[0] && <ul className="list-inline my-1 ">
-                  <li className="list-inline-item me-2">
-                      <i className="bx bx-envelope bx-xs"></i>
-                  </li>
-                  <li className="list-inline-item small-text">{contact.contactEmails[ 0 ]?.emailAddress}</li>
-              </ul>}
+        <hr className="my-0" />
+        {contact.contactEmails[0] && (
+          <ul className="list-inline my-1 ">
+            <li className="list-inline-item me-2">
+              <i className="bx bx-envelope bx-xs"></i>
+            </li>
+            <li className="list-inline-item small-text">
+              {contact.contactEmails[0]?.emailAddress}
+            </li>
+          </ul>
+        )}
 
-              {contact.contactPhones[0] && <ul className="list-inline m-0">
-                  <li className="list-inline-item me-2">
-                      <i className="bx bx-phone bx-xs"></i>
-                  </li>
-                  <li className="list-inline-item small-text">{contact.contactPhones[ 0 ]?.phoneNumber}</li>
-              </ul>}
-
-      <ul className="list-inline m-0">
-        <li className="list-inline-item me-2">
-          <i className="bx bx-merge bx-xs"></i>
-        </li>
-                  <li className="list-inline-item small-text">
-                      {contact.contactCategory.name}
-        </li>
-      </ul>
+        {contact.contactPhones[0] && (
+          <ul className="list-inline m-0">
+            <li className="list-inline-item me-2">
+              <i className="bx bx-phone bx-xs"></i>
+            </li>
+            <li className="list-inline-item small-text">
+              {contact.contactPhones[0]?.phoneNumber}
+            </li>
+          </ul>
+        )}
 
+        <ul className="list-inline m-0">
+          <li className="list-inline-item me-2">
+            <i className="bx bx-building bx-xs"></i>
+          </li>
+          <li className="list-inline-item small-text">
+            {contact.organization}
+          </li>
+          <li className="list-inline-item me-2">
+            <i className="bx bx-merge bx-xs"></i>
+          </li>
+          <li className="list-inline-item small-text">
+            {contact.contactCategory.name}
+          </li>
+        </ul>
       </div>
     </div>
   );