src/components/Directory/NotesDirectory.jsx

@@ -22,7 +22,10 @@ const NotesDirectory = ({
   setProfileContact,
 }) => {
   const [IsActive, setIsActive] = useState(true);
-  const { contactNotes, refetch } = useContactNotes(contactProfile?.id, IsActive);
+  const { contactNotes, refetch } = useContactNotes(
+    contactProfile?.id,
+    IsActive
+  );
 
   const [IsSubmitting, setIsSubmitting] = useState(false);
   const [showEditor, setShowEditor] = useState(false);
@@ -67,7 +70,10 @@ const NotesDirectory = ({
           ...cached_contactProfile.data,
           notes: [...(cached_contactProfile.data.notes || []), createdNote],
         };
-        cacheData("Contact Profile", { contactId: contactProfile?.id, data: updatedProfile });
+        cacheData("Contact Profile", {
+          contactId: contactProfile?.id,
+          data: updatedProfile,
+        });
       }
 
       setValue("note", "");
@@ -98,10 +104,13 @@ const NotesDirectory = ({
   };
 
   // Use the fullName from contactProfile, which now includes middle and last names if available
-  const contactName = contactProfile?.fullName || contactProfile?.firstName || "Contact";
+  const contactName =
+    contactProfile?.fullName || contactProfile?.firstName || "Contact";
   const noNotesMessage = `Be the first to share your insights! ${contactName} currently has no notes.`;
 
-  const notesToDisplay = IsActive ? (contactProfile?.notes || []) : (contactNotes || []);
+  const notesToDisplay = IsActive
+    ? contactProfile?.notes || []
+    : contactNotes || [];
 
   return (
     <div className="text-start mt-10">
@@ -193,8 +202,8 @@ const NotesDirectory = ({
             <p>Loading...</p>{" "}
           </div>
         )}
-        {!isLoading && notesToDisplay.length > 0 ? (
-          notesToDisplay
+        {!isLoading && notesToDisplay.length > 0
+          ? notesToDisplay
               .slice()
               .reverse()
               .map((noteItem) => (
@@ -208,12 +217,9 @@ const NotesDirectory = ({
                   key={noteItem.id}
                 />
               ))
-        ) : (
-          !isLoading && !showEditor && (
-            <div className="text-center mt-5">
-              {noNotesMessage}
-            </div>
-          )
+          : !isLoading &&
+            !showEditor && (
+              <div className="text-center mt-5">{noNotesMessage}</div>
             )}
       </div>
     </div>