modified not url

src/components/Directory/NotesDirectory.jsx

@@ -10,18 +10,16 @@ import moment from "moment";
 import { cacheData, getCachedData } from "../../slices/apiDataManager";
 import NoteCardDirectory from "./NoteCardDirectory";
 import showToast from "../../services/toastService";
-import {useContactNotes} from "../../hooks/useDirectory";
+import { useContactNotes } from "../../hooks/useDirectory";
 
 const schema = z.object({
   note: z.string().min(1, { message: "Note is required" }),
 });
 
-const NotesDirectory = ( {isLoading, contactProfile, setProfileContact} ) =>
+const NotesDirectory = ({ isLoading, contactProfile, setProfileContact }) => {
-{
+  const [IsActive, setIsActive] = useState(true);
-  const [ IsActive, setIsActive ] = useState( true )
+  const { contactNotes } = useContactNotes(contactProfile?.id, !IsActive);
-  const {contactNotes} = useContactNotes(contactProfile?.id,!IsActive)
 
-  
   const [NotesData, setNotesData] = useState();
   const [IsSubmitting, setIsSubmitting] = useState(false);
   const [addNote, setAddNote] = useState(false);
@@ -72,8 +70,8 @@ const NotesDirectory = ( {isLoading, contactProfile, setProfileContact} ) =>
       setValue("note", "");
       setIsSubmitting(false);
       showToast("Note added successfully!", "success");
-      setAddNote( false );
+      setAddNote(false);
-      setIsActive(true)
+      setIsActive(true);
     } catch (error) {
       setIsSubmitting(false);
       const msg =
@@ -93,31 +91,35 @@ const NotesDirectory = ( {isLoading, contactProfile, setProfileContact} ) =>
       <div className="d-flex align-items-center justify-content-between">
         <p className="fw-semibold m-0">Notes :</p>
         <div className="m-0 d-flex aligin-items-center">
-
           <label className="switch switch-primary">
-              <input type="checkbox" className="switch-input" onChange={() => setIsActive( !IsActive )} value={IsActive}  />
+            <input
-              <span className="switch-toggle-slider">
+              type="checkbox"
-                <span className="switch-on">
+              className="switch-input"
-                  {/* <i class="icon-base bx bx-check"></i> */}
+              onChange={() => setIsActive(!IsActive)}
-                </span>
+              value={IsActive}
-                <span className="switch-off">
+            />
-                  {/* <i class="icon-base bx bx-x"></i> */}
+            <span className="switch-toggle-slider">
-                </span>
+              <span className="switch-on">
+                {/* <i class="icon-base bx bx-check"></i> */}
               </span>
-              <span className="switch-label small-text">Show Inactive Notes</span>
+              <span className="switch-off">
-            </label>
+                {/* <i class="icon-base bx bx-x"></i> */}
-            <span
+              </span>
-          className={`btn btn-xs   ${addNote ? "btn-danger" : "btn-primary"}`}
+            </span>
-          onClick={() => setAddNote( !addNote )}
+            <span className="switch-label small-text">Show Inactive Notes</span>
-        >
+          </label>
-          {/* <i
+          <span
+            className={`btn btn-xs   ${addNote ? "btn-danger" : "btn-primary"}`}
+            onClick={() => setAddNote(!addNote)}
+          >
+            {/* <i
             className={`icon-base  bx ${
               addNote ? "bx-x bx-sm" : "bx-pencil"
             } bx-xs `}
           ></i> */}
-          {addNote ? "close" : "Add Note"}
+            {addNote ? "close" : "Add Note"}
-        </span>
+          </span>
-       </div>
+        </div>
       </div>
       {addNote && (
         <form onSubmit={handleSubmit(onSubmit)}>
@@ -141,7 +143,7 @@ const NotesDirectory = ( {isLoading, contactProfile, setProfileContact} ) =>
           </div>
         )}
         {!isLoading &&
-          [...(IsActive ?   contactProfile?.notes || [] : contactNotes || [])]
+          [...(IsActive ? contactProfile?.notes || [] : contactNotes || [])]
             .reverse()
             .map((noteItem) => (
               <NoteCardDirectory
@@ -151,11 +153,20 @@ const NotesDirectory = ( {isLoading, contactProfile, setProfileContact} ) =>
                 setProfileContact={setProfileContact}
                 key={noteItem.id}
               />
-            ) )}
+            ))}
-        {IsActive && ( <p>{!isLoading && contactProfile?.notes.length == 0 && !addNote && ( <p className="text-center">No Notes Found</p> )}</p> )}
+        {IsActive && (
+          <p>
+            {!isLoading && contactProfile?.notes.length == 0 && !addNote && (
+              <p className="text-center">No Notes Found</p>
+            )}
+          </p>
+        )}
         {!IsActive && (
-        <p>{!isLoading && contactNotes.length == 0 && !addNote && (<p className="text-center">No Notes Found</p>) }</p>
+          <p>
-
+            {!isLoading && contactNotes.length == 0 && !addNote && (
+              <p className="text-center">No Notes Found</p>
+            )}
+          </p>
         )}
       </div>
     </div>

src/repositories/DirectoryRepository.jsx

@@ -17,7 +17,7 @@ export const DirectoryRepository = {
     GetContactProfile: ( id ) => api.get( `/api/directory/profile/${ id }` ),
     
     CreateNote: ( data ) => api.post( '/api/directory/note', data ),
-    GetNote: ( id,isActive ) => api.get( `/api/directory/note/${ id }?active=${isActive}` ),
+    GetNote: ( id,isActive ) => api.get( `/api/directory/notes/${ id }?active=${isActive}` ),
     UpdateNote: ( id, data ) => api.put( `/api/directory/note/${ id }`, data ),
     DeleteNote:(id)=> api.delete(`/api/directory/note/${ id }`)
 }