From 9ce6da35fb215b96d2c4b876f1f9797a557dafc4 Mon Sep 17 00:00:00 2001
From: Kartik Sharma <kartik.sharma@marcoaiot.com>
Date: Fri, 25 Jul 2025 14:46:13 +0530
Subject: [PATCH] Adding "( , )" when user has multiple phone numbers.

---
 src/components/Directory/ProfileContactDirectory.jsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/Directory/ProfileContactDirectory.jsx b/src/components/Directory/ProfileContactDirectory.jsx
index 297c2904..62ca077f 100644
--- a/src/components/Directory/ProfileContactDirectory.jsx
+++ b/src/components/Directory/ProfileContactDirectory.jsx
@@ -84,15 +84,19 @@ const ProfileContactDirectory = ({ contact, setOpen_contact, closeModal }) => {
 
             {contactProfile?.contactPhones?.length > 0 && (
               <div className="d-flex mb-2">
-                <div style={{ width: "100px", minWidth: "110px" }} className="d-flex align-items-center">
+                <div
+                  style={{ width: "100px", minWidth: "110px" }}
+                  className="d-flex align-items-center"
+                >
                   <i className="bx bx-phone bx-xs me-1"></i>
                   <p className="m-0">Phone :</p>
                 </div>
                 <div>
                   <ul className="list-inline mb-0">
-                    {contactProfile?.contactPhones.map((phone, idx) => (
-                      <li className="list-inline-item me-3" key={idx}>
+                    {contactProfile.contactPhones.map((phone, idx) => (
+                      <li className="list-inline-item me-1" key={idx}>
                         {phone.phoneNumber}
+                        {idx < contactProfile.contactPhones.length - 1 && ","}
                       </li>
                     ))}
                   </ul>
@@ -100,6 +104,7 @@ const ProfileContactDirectory = ({ contact, setOpen_contact, closeModal }) => {
               </div>
             )}
 
+
             {contactProfile?.createdAt && (
               <div className="d-flex  mb-2">
                 <div style={{ width: "100px", minWidth: "110px" }} className="d-flex align-items-center">