src/components/Directory/NotesDirectory.jsx

@@ -128,40 +128,42 @@ const NotesDirectory = ({
           <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={{
                     fontSize: "15px",
                   }}
-              >
+                >
-                <input
+                  <input
-                  type="checkbox"
+                    type="checkbox"
-                  className="switch-input"
+                    className="switch-input"
-                  onChange={handleSwitch}
+                    onChange={() => handleSwitch(!IsActive)}
-                  checked={!IsActive}  // invert binding
+                    checked={IsActive}
-                  style={{ transform: "scale(0.8)" }}
+                    style={{
-                />
+                    transform: "scale(0.8)", // smaller toggle
-                <span
+                    }}
-                  className="switch-toggle-slider"
+                  />
+                  <span
+                    className="switch-toggle-slider"
                     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={{
                     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">
@@ -223,23 +225,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>
   );