HOTFIX: Add token validation (#73)

* fix: solve merge conflicts

* feat: integrate admin login and feedback recap page with backend

* feat: add google calendar popup to daftar jadwal page

* refactor: remove unused feedback dummy data

* hotfix: add token validation

src/config.js

@@ -8,8 +8,7 @@ const config = {
     MIXPANEL_PROJECT_TOKEN: process.env.REACT_APP_MIXPANEL_PROJECT_TOKEN,
   },
   production: {
-    // API_BASE_URL: process.env.REACT_APP_AWS_BACKEND_URL,
-    API_BASE_URL: "https://stg.api.susunjadwal.cs.ui.ac.id/susunjadwal/api",
+    API_BASE_URL: process.env.REACT_APP_AWS_BACKEND_URL,
     BASE_URL: "/",
   },
   development: {

src/routes.js

@@ -22,6 +22,7 @@ import Contributors from "containers/Contributors";
 import Feedback from "containers/Feedback";
 import AdminLogin from "containers/Admin/Login";
 import AdminFeedbacks from "containers/Admin/Feedbacks";
+import { validateAuth } from "utils/auth";
 
 import withAnalytics from "utils/analytics";
 
@@ -105,6 +106,7 @@ function RoutesWithNavbar() {
 }
 
 function PrivateRoute({ component: Component, ...rest }) {
+  validateAuth();
   const auth = useSelector((state) => state.auth);
 
   return (

src/services/api.js

@@ -137,3 +137,6 @@ export const updateReviewStatus = async (token, reviewId, status) =>
       headers: { Authorization: `Bearer ${token}` },
     },
   );
+
+export const validateToken = async () =>
+  await instance.get("/auth/me");

src/utils/auth.js

@@ -1,4 +1,4 @@
-import { setupAxiosInstance } from "services/api";
+import { setupAxiosInstance, validateToken } from "services/api";
 // import { useMixpanel } from "hooks/useMixpanel";
 
 export function persistAuth(auth) {
@@ -37,3 +37,12 @@ export function loadCompletion() {
   const asJson = JSON.parse(persistedCompletion);
   return asJson;
 }
+
+export async function validateAuth() {
+  try{
+    await validateToken();
+  } catch (error) {
+    localStorage.clear();
+    window.location.replace("/");
+  }
+}