added nped list functionality

src/hooks/useNPEDAuth.ts

@@ -1,15 +1,22 @@
-import { useMutation } from "@tanstack/react-query";
+import { useMutation, useQuery } from "@tanstack/react-query";
 import type { NPEDFieldType } from "../types/types";
 import { useNPEDContext } from "../context/NPEDUserContext";
+import { useEffect } from "react";
 
 const base_url = import.meta.env.VITE_OUTSIDE_BASEURL;
+async function fetchNPEDDetails() {
+  const fetchUrl = `${base_url}/fetch-config?id=NPED`;
+  const response = await fetch(fetchUrl);
+  if (!response.ok) throw new Error("Cannot reach fetch-config endpoint");
+  const data = await response.json();
+  console.log(data);
+  return response.json();
+}
 
 async function signIn(loginDetails: NPEDFieldType) {
   const { frontId, rearId, username, password, clientId } = loginDetails;
-
   const NPEDLoginURLFront = `${base_url}/update-config?id=${frontId}`;
   const NPEDLoginURLRear = `${base_url}/update-config?id=${rearId}`;
-
   const frontCameraPayload = {
     id: frontId,
     fields: [
@@ -43,8 +50,6 @@ async function signIn(loginDetails: NPEDFieldType) {
   if (!frontCameraResponse.ok) throw new Error("cannot reach NPED endpoint");
   if (!rearCameraResponse.ok) throw new Error("cannot reach NPED endpoint");
 
-  console.log(frontCameraResponse);
-  console.log(rearCameraResponse);
   return {
     frontResponse: frontCameraResponse.json(),
     rearResponse: rearCameraResponse.json(),
@@ -52,13 +57,28 @@ async function signIn(loginDetails: NPEDFieldType) {
 }
 
 async function signOut() {
-  const response = await fetch(url, { method: "POST" });
+  const nullPayload = {
+    id: "NPED",
+    fields: [
+      { property: "propEnabled", value: false },
+      { property: "propUsername", value: "" },
+      { property: "propPassword", value: "" },
+      { property: "propClientID", value: "" },
+    ],
+  };
+  const NPEDLoginURLFront = `${base_url}/update-config?id=NPED`;
+  const response = await fetch(NPEDLoginURLFront, {
+    method: "POST",
+    body: JSON.stringify(nullPayload),
+  });
+
   if (!response.ok) throw new Error("cannot reach NPED sign out endpoint");
+
   return response.json();
 }
 
 export const useNPEDAuth = () => {
-  const { setUser } = useNPEDContext();
+  const { setUser, user } = useNPEDContext();
 
   const signInMutation = useMutation({
     mutationKey: ["NPEDSignin"],
@@ -69,9 +89,24 @@ export const useNPEDAuth = () => {
   const signOutMutation = useMutation({
     mutationKey: ["auth", "NPEDSignOut"],
     mutationFn: signOut,
-    onSuccess: () => setUser(null),
   });
 
+  const fetchdataQuery = useQuery({
+    queryKey: ["auth", "NPEDFetch"],
+    queryFn: fetchNPEDDetails,
+  });
+
+  useEffect(() => {
+    if (fetchdataQuery.isSuccess && fetchdataQuery.data) {
+      setUser(fetchdataQuery.data);
+    } else if (
+      !fetchdataQuery?.data?.propUsername?.value &&
+      !fetchdataQuery?.data?.propClientID?.value
+    ) {
+      setUser(null);
+    }
+  }, [fetchdataQuery.data, fetchdataQuery.isSuccess, setUser]);
+
   return {
     signIn: signInMutation.mutate,
     signInAsync: signInMutation.mutateAsync,
@@ -79,7 +114,8 @@ export const useNPEDAuth = () => {
     isError: signInMutation.isError,
     error: signInMutation.error,
     data: signInMutation.data,
-
+    user,
+    setUser,
     signOut: signOutMutation.mutate,
   };
 };