src/components/Directory/NotesDirectory.jsx

@@ -114,56 +114,55 @@ const NotesDirectory = ({
     ? contactProfile?.notes || []
     : contactNotes || [];
 
-  const hasNotes = notesToDisplay.length > 0;
-
   return (
     <div className="text-start mt-10">
       <div className="d-flex align-items-center justify-content-between">
         <div className="row w-100 align-items-center">
-          {hasNotes && (
+          <div className="col col-2">
-            <div className="col col-2">
+            <p className="fw-semibold m-0 ms-3">Notes :</p>
-              <p className="fw-semibold m-0 ms-3">Notes :</p>
+          </div>
-            </div>
-          )}
           <div className="col d-flex justify-content-end gap-2 pe-0">
             {" "}
             <div className="d-flex align-items-center justify-content-between">
-             
+              <label
-                <label
+                className="switch switch-primary"
-                  className="switch switch-primary"
+                style={{
+                  visibility:
+                    contactProfile?.notes?.length > 0 || contactNotes?.length > 0
+                      ? "visible"
+                      : "hidden",
+                  fontSize: "15px",        // smaller text
+                }}
+              >
+                <input
+                  type="checkbox"
+                  className="switch-input"
+                  onChange={() => handleSwitch(!IsActive)}
+                  checked={IsActive}
                   style={{
-                    fontSize: "15px",
-                  }}
-                >
-                  <input
-                    type="checkbox"
-                    className="switch-input"
-                    onChange={() => handleSwitch(!IsActive)}
-                    checked={IsActive}
-                    style={{
                     transform: "scale(0.8)", // smaller toggle
-                    }}
+                  }}
-                  />
+                />
-                  <span
+                <span
-                    className="switch-toggle-slider"
+                  className="switch-toggle-slider"
-                    style={{
+                  style={{
                     width: "30px",    // narrower slider
                     height: "15px",   // shorter slider
-                    }}
+                  }}
-                  >
+                >
-                    <span className="switch-on"></span>
+                  <span className="switch-on"></span>
-                    <span className="switch-off"></span>
+                  <span className="switch-off"></span>
-                  </span>
+                </span>
-                  <span
+                <span
-                    className="switch-label"
+                  className="switch-label"
-                    style={{
+                  style={{
                     fontSize: "14px", // smaller label text
                     marginLeft: "-14px"
-                    }}
+                  }}
-                  >
+                >
-                    Include Deleted Notes
+                  Include Deleted Notes
-                  </span>
+                </span>
-                </label>
+              </label>
 
               {!showEditor && (
                 <div className="d-flex justify-content-end">
@@ -225,23 +224,23 @@ const NotesDirectory = ({
         )}
         {!isLoading && notesToDisplay.length > 0
           ? notesToDisplay
-              .slice()
+            .slice()
-              .reverse()
+            .reverse()
-              .map((noteItem) => (
+            .map((noteItem) => (
-                <NoteCardDirectory
+              <NoteCardDirectory
-                  refetchProfile={refetchProfile}
+                refetchProfile={refetchProfile}
-                  refetchNotes={refetch}
+                refetchNotes={refetch}
-                  refetchContact={refetch}
+                refetchContact={refetch}
-                  noteItem={noteItem}
+                noteItem={noteItem}
-                  contactId={contactProfile?.id}
+                contactId={contactProfile?.id}
-                  setProfileContact={setProfileContact}
+                setProfileContact={setProfileContact}
-                  key={noteItem.id}
+                key={noteItem.id}
-                />
+              />
-              ))
+            ))
           : !isLoading &&
           !showEditor && (
-              <div className="text-center mt-5">{noNotesMessage}</div>
+            <div className="text-center mt-5">{noNotesMessage}</div>
-            )}
+          )}
       </div>
     </div>
   );

src/components/Directory/ProfileContactDirectory.jsx

@@ -11,7 +11,6 @@ const ProfileContactDirectory = ({ contact, setOpen_contact, closeModal }) => {
   const [profileContactState, setProfileContactState] = useState(null);
   const [expanded, setExpanded] = useState(false);
 
-  // Safely access description, defaulting to an empty string if not present
   const description = profileContactState?.description || "";
   const limit = 500;
 
@@ -41,7 +40,7 @@ const ProfileContactDirectory = ({ contact, setOpen_contact, closeModal }) => {
         middleName = names[1]; // This was an error in the original prompt, corrected to names[1]
         lastName = names[names.length - 1];
         // Reconstruct full name to be precise with spacing
-        fullName = `${firstName} ${middleName ? middleName + " " : ""}${lastName}`;
+        fullName = `${firstName} ${middleName ? middleName + ' ' : ''}${lastName}`;
       } else {
         // Fallback if no names or empty string
         firstName = "Contact";
@@ -114,7 +113,7 @@ const ProfileContactDirectory = ({ contact, setOpen_contact, closeModal }) => {
                         </span>
                         <i
                           className={`bx bx-copy-alt cursor-pointer bx-xs text-start ${copiedIndex === idx ? "text-secondary" : "text-primary"
-                          }`}
+                            }`}
                           title={copiedIndex === idx ? "Copied!" : "Copy Email"}
                           style={{ flexShrink: 0 }}
                           onClick={() => handleCopy(email.emailAddress, idx)}
@@ -293,35 +292,31 @@ const ProfileContactDirectory = ({ contact, setOpen_contact, closeModal }) => {
           )}
         </div>
 
-        {description && (
+        <div className="d-flex mb-2 align-items-start" style={{ marginLeft: "3rem" }}>
-          <div
+          <div className="d-flex" style={{ minWidth: "130px" }}>
-            className="d-flex mb-2 align-items-start"
+            <span className="d-flex align-items-start">
-            style={{ marginLeft: "3rem" }}
+              <i className="bx bx-book me-1"></i>
-          >
+              <span>Description</span>
-            <div className="d-flex" style={{ minWidth: "130px" }}>
+            </span>
-              <span className="d-flex align-items-start">
+            <span style={{ marginLeft: "10px" }}>:</span>
-                <i className="bx bx-book me-1"></i>
-                <span>Description</span>
-              </span>
-              <span style={{ marginLeft: "10px" }}>:</span>
-            </div>
-
-            <div className="text-start">
-              {displayText}
-              {isLong && (
-                <>
-                  <br />
-                  <span
-                    onClick={toggleReadMore}
-                    className="text-primary mx-1 cursor-pointer"
-                  >
-                    {expanded ? "Read less" : "Read more"}
-                  </span>
-                </>
-              )}
-            </div>
           </div>
-        )}
+
+          <div className="text-start">
+            {displayText}
+            {isLong && (
+              <>
+                <br />
+                <span
+                  onClick={toggleReadMore}
+                  className="text-primary mx-1 cursor-pointer"
+                >
+                  {expanded ? "Read less" : "Read more"}
+                </span>
+              </>
+            )}
+          </div>
+        </div>
+
 
         <hr className="my-1" />
         <NotesDirectory