added access token refresher, renamed files

src/hooks/user.ts

@@ -0,0 +1,26 @@
+import { useCallback, useEffect } from "react";
+import { getAccessToken } from "../api/userAPI";
+import uuid from "uuid";
+
+const useAccessTokenHandler = () => {
+  const refreshAccessToken = useCallback(async () => {
+    try {
+      const randomID = uuid.v4();
+      localStorage.setItem("browser-id", randomID);
+      await getAccessToken(randomID);
+    } catch (e) {
+      console.log("Error refreshing access token", e);
+    }
+  }, []);
+
+  useEffect(() => {
+    refreshAccessToken();
+    const timer = setInterval(refreshAccessToken, 60 * 1000 * 20);
+
+    return () => {
+      clearInterval(timer);
+    };
+  }, []);
+};
+
+export default useAccessTokenHandler;