Update thoken when window is on focus

h2020charisma · Nov 13, 2024 · 47d84c9 · 47d84c9
1 parent f120f1f
commit 47d84c9
Showing 1 changed file with 33 additions and 18 deletions.
diff --git a/src/App.jsx b/src/App.jsx
@@ -31,25 +31,40 @@ function App() {
     }
   }, [keycloak.authenticated]);
 
-  // useEffect(() => {
-  //   const interval = setInterval(() => {
-  // keycloak
-  //   .updateToken(30)
-  //   .then((refreshed) => {
-  //     if (refreshed) {
-  //       console.log("app: Token refreshed and updated in localStorage.");
-  //       localStorage.setItem("token", keycloak.token);
-  //     } else {
-  //       console.log("app: Token is still valid.");
-  //     }
-  //   })
-  //   .catch(() => {
-  //     console.error("app: Failed to refresh token.");
-  //   });
-  //   }, 10000);
+  useEffect(() => {
+    const handleFocus = () => {
+      console.log("on focus");
+      keycloak
+        .updateToken(30)
+        .then((refreshed) => {
+          if (refreshed) {
+            console.log(
+              "App on focus: Token refreshed and updated in localStorage.",
+              keycloak.token
+            );
+            localStorage.setItem("token", keycloak.token);
+          } else {
+            console.log("app: Token is still valid.");
+          }
+        })
+        .catch(() => {
+          console.error("App on focus: Failed to refresh token.");
+          // keycloak.logout();
+        });
+    };
+
+    const handleBlur = () => {
+      console.log("blur");
+    };
+
+    window.addEventListener("focus", handleFocus);
+    window.addEventListener("blur", handleBlur);
 
-  //   return () => clearInterval(interval);
-  // }, []);
+    return () => {
+      window.removeEventListener("focus", handleFocus);
+      window.removeEventListener("blur", handleBlur);
+    };
+  });
 
   return (
     <>