fix: use getAccessTokenHeader in payment api

AAISS · Nov 28, 2023 · 5dfa7fb · 5dfa7fb
1 parent 8aa80dd
commit 5dfa7fb
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/frontend/src/providers/APIProvider/APIProvider.jsx b/frontend/src/providers/APIProvider/APIProvider.jsx
@@ -226,18 +226,17 @@ export function APIProvider({ children }) {
 
   const postPaymentData = useCallback(
     async (data) => {
-      const tokenStr = JSON.parse(localStorage.getItem('user'))['access'];
       await service
         .post(`${URL.baseURL}${URL.endpoints.payment.default}`, data, {
           headers: {
-            Authorization: `Bearer ${tokenStr}`,
+            Authorization: getAccessTokenHeader(),
           },
         })
         .then((response) => {
           setPaymentData(response.data);
         });
     },
-    [currentYear, service],
+    [currentYear, service, getAccessTokenHeader],
   );
 
   const activateUser = useCallback(async () => {