better handle session failure

Author: hry-gh

src/App.tsx

@@ -34,6 +34,15 @@ export default function App(): React.ReactElement {
     }
   }, [setUser, user]);
 
+  useEffect(() => {
+    const params = new URLSearchParams(location.search);
+    const existing = params.get("existing");
+
+    if (!existing) return;
+
+    location.replace(`${location.origin}/#${existing}?forceRefresh=true`);
+  }, []);
+
   useEffect(() => {
     if (searchParams.get("forceRefresh")) {
       displayToast("Session reloaded as you were timed out.");

src/helpers/api.ts

@@ -1,7 +1,7 @@
 export const callApi = async (toCall: string, init?: RequestInit | undefined): Promise<Response> => {
   const response = await fetch(`${import.meta.env.VITE_API_PATH}${toCall}`, init)
   if (response.status == 400) {
-    location.replace(`${location.protocol}//${location.host}/#/?forceRefresh=true`)
+    location.replace(`${location.protocol}//${location.host}/?existing=${location.hash.substring(1)}`)
   }
   return response
 }