Refactor auth

Fixes #140

src/routes/auth.tsx

@@ -24,7 +24,7 @@ export const AuthProvider = ({ children }) => {
   };
 
   const tokenLogger = (tokens: unknown) => {
-    console.log("onKeycloakTokens", tokens);
+    // console.log("onKeycloakTokens", tokens);
   };
 
   // const handleLogin = useCallback(() => {

src/routes/index.tsx

@@ -1,6 +1,7 @@
 import { useKeycloak } from "@react-keycloak/web";
 import * as React from "react";
-import { BrowserRouter, Route, Routes } from "react-router-dom";
+import { BrowserRouter, Navigate, Route, Routes, useLocation } from "react-router-dom";
+import { EXT_LOAD_ID } from "../constants";
 import TabContainer from "../container/tabContainer";
 import { useAuth } from "./auth";
 import { PrivateRoute } from "./utils";
@@ -10,6 +11,20 @@ const Home = () => {
   if (!name) return <p>Please use the login button.</p>;
   return <TabContainer />;
 };
+
+const External = () => {
+  const location = useLocation();
+
+  const regex = new RegExp("id=(?<myid>[a-f0-9\\-]{36})");
+  const results = regex.exec(location.search);
+  if (results === null) {
+    return <p>Invalid query parameters.</p>;
+  }
+
+  window.sessionStorage.setItem(EXT_LOAD_ID, results[1]);
+  return <Navigate to="/home" replace />;
+};
+
 const Unknown = () => {
   return <p>NotMatched route</p>;
 };
@@ -25,6 +40,7 @@ export const AppRouter = () => {
     <BrowserRouter>
       <Routes>
         <Route path="" element={<Home />} />
+        <Route path="ext" element={<External />} />
 
         <Route
           path="home"
@@ -38,6 +54,7 @@ export const AppRouter = () => {
       </Routes>
     </BrowserRouter>
   );
+  // http://localhost:3000/ext?id=caa3d195-9ed0-47e2-84a8-db008f76358c
 
   // return (
   //   <Router>