adds api, guard, tailwind

1 files changed, 19 insertions, 0 deletions

diff --git a/client/utils/use_jwt_refresh.js b/client/utils/use_jwt_refresh.js
new file mode 100644
index 0000000..11d4122
--- /dev/null
+++ b/client/utils/use_jwt_refresh.js
@@ -0,0 +1,19 @@
+import { useEffect, useRef } from 'react';
+
+export const useJwtRefresh = (authToken, setAuthToken) => {
+  const refreshTimer = useRef(null);
+  useEffect(() => {
+    clearTimeout(refreshTimer.current);
+    if (authToken) {
+      refreshTimer.current = setTimeout(async () => {
+        const result = await fetch('/refresh_token').then((res) => res.json());
+        if (result.token) {
+          setAuthToken(result.token);
+        } else {
+          setAuthToken(null);
+        }
+      }, 60000 * 10); // 10 minutes
+    }
+    return () => clearTimeout(refreshTimer.current);
+  }, [authToken]);
+};