Merge pull request #47 from AAISS/fix/add-item-to-cart

fix: show error to unauthorized user trying to add item to cart
AAISS · Nov 30, 2023 · aa287f3 · aa287f3
2 parents 965566b + 6c298a5
commit aa287f3
Showing 1 changed file with 24 additions and 19 deletions.
diff --git a/frontend/src/providers/APIProvider/APIProvider.jsx b/frontend/src/providers/APIProvider/APIProvider.jsx
@@ -172,22 +172,27 @@ export function APIProvider({ children }) {
           break;
       }
 
-      const tokenStr = JSON.parse(localStorage.getItem('user'))['access'];
-      await service
-        .post(`${URL.baseURL}${URL.services.default}${endpoint}`, body, {
-          headers: { Authorization: `Bearer ${tokenStr}` },
-        })
-        .then((response) => {
-          setAddToCartResponse(response);
-        })
-        .catch((error) => {
-          setAddToCartResponse(error.response);
-          if (!error) return;
-
-          if (error.response.status === 401) {
-            updateAccessTokenWithRefreshToken();
-          }
-        });
+      const userKey = JSON.parse(localStorage.getItem('user'));
+      if (userKey == null) {
+        setAddToCartResponse({ status: 401 });
+      } else {
+        const tokenStr = userKey.access;
+        await service
+          .post(`${URL.baseURL}${URL.services.default}${endpoint}`, body, {
+            headers: { Authorization: `Bearer ${tokenStr}` },
+          })
+          .then((response) => {
+            setAddToCartResponse(response);
+          })
+          .catch((error) => {
+            setAddToCartResponse(error.response);
+            if (!error) return;
+
+            if (error.response.status === 401) {
+              updateAccessTokenWithRefreshToken();
+            }
+          });
+      }
     },
     [service],
   );
@@ -235,9 +240,9 @@ export function APIProvider({ children }) {
         .then((response) => {
           setPaymentData(response);
         })
-          .catch(error => {
-            setPaymentData(error.response)
-          });
+        .catch((error) => {
+          setPaymentData(error.response);
+        });
     },
     [currentYear, service, getAccessTokenHeader],
   );