Task 7 (Authorization)

src/constants/apiPaths.ts

@@ -1,7 +1,7 @@
 const API_PATHS = {
   product: "https://7yqkyib6sc.execute-api.eu-central-1.amazonaws.com/prod",
   order: "https://1izmos58lg.execute-api.eu-central-1.amazonaws.com/dev",
-  import: "https://ghycqadfy4.execute-api.eu-central-1.amazonaws.com/prod",
+  import: "https://ghycqadfy4.execute-api.eu-central-1.amazonaws.com/dev",
   bff: "https://1izmos58lg.execute-api.eu-central-1.amazonaws.com/dev",
   cart: "https://1izmos58lg.execute-api.eu-central-1.amazonaws.com/dev",
 };

src/index.tsx

@@ -7,6 +7,25 @@ import { BrowserRouter } from "react-router-dom";
 import { QueryClient, QueryClientProvider } from "react-query";
 import { ReactQueryDevtools } from "react-query/devtools";
 import { theme } from "~/theme";
+import axios from "axios";
+
+axios.interceptors.response.use(
+  (response) => {
+    console.log("response: ", response);
+
+    return response;
+  },
+  (error) => {
+    console.log("error: ", error);
+
+    const responseStatusCodes = [401, 403];
+    if (responseStatusCodes.includes(error?.response?.status)) {
+      alert(error?.message);
+    }
+
+    return Promise.reject(error);
+  }
+);
 
 const queryClient = new QueryClient({
   defaultOptions: {

src/queries/products.ts

@@ -48,7 +48,9 @@ export function useRemoveProductCache() {
 
 export function useUpsertAvailableProduct() {
   return useMutation((values: AvailableProduct) =>
-    axios.post<AvailableProduct>(`${API_PATHS.product}/products`, values
+    axios.post<AvailableProduct>(
+      `${API_PATHS.product}/products`,
+      values
       // {
       // headers: {
       //   Authorization: `Basic ${localStorage.getItem("authorization_token")}`,