add error to InstallationContext

typescript/Frontend/src/components/Context/InstallationContextProvider.tsx

@@ -1,3 +1,4 @@
+import { AxiosError } from "axios";
 import { createContext, ReactNode, useCallback, useState } from "react";
 import axiosConfig from "../../config/axiosConfig";
 import { I_Installation } from "../../util/types";
@@ -8,6 +9,8 @@ interface InstallationContextProviderProps {
   fetchData: () => Promise<void>;
   loading: boolean;
   setLoading: (value: boolean) => void;
+  error?: AxiosError;
+  setError: (value: AxiosError) => void;
 }
 
 export const InstallationContext =
@@ -17,23 +20,28 @@ export const InstallationContext =
     fetchData: () => Promise.resolve(),
     loading: false,
     setLoading: () => {},
+    setError: (value) => {},
   });
 
 const InstallationContextProvider = ({ children }: { children: ReactNode }) => {
   const [data, setData] = useState<I_Installation[]>([]);
   const [loading, setLoading] = useState(false);
+  const [error, setError] = useState<AxiosError>();
 
   const fetchData = useCallback(async () => {
     setLoading(true);
-    axiosConfig.get("/GetAllInstallations", {}).then((res) => {
-      setData(res.data);
-      setLoading(false);
-    });
+    axiosConfig
+      .get("/GetAllInstallations", {})
+      .then((res) => {
+        setData(res.data);
+        setLoading(false);
+      })
+      .catch((err: AxiosError) => setError(err));
   }, []);
 
   return (
     <InstallationContext.Provider
-      value={{ data, setData, fetchData, loading, setLoading }}
+      value={{ data, setData, fetchData, loading, setLoading, error, setError }}
     >
       {children}
     </InstallationContext.Provider>

typescript/Frontend/src/components/Installations/InstallationList.tsx

@@ -36,7 +36,7 @@ const filterData = (
 };
 
 const InstallationList = (props: InstallationListProps) => {
-  const { fetchData, data, loading } = useContext(InstallationContext);
+  const { fetchData, data, loading, error } = useContext(InstallationContext);
 
   const filteredData = filterData(props.searchQuery, data);