nice auth flow working with verification and stuff with token

packages/desktop/src/components/ProtectedRoute/index.tsx

@@ -1,49 +1,49 @@
+import { useAuthCheck, useLogin } from "../../controller/index";
+
 import { $authTokens } from "../../controller/recoil";
 import Login from "../../pages/Login";
 import NirvanaApi from "../../controller/nirvanaApi";
 import { STORE_ITEMS } from "../../electron/constants";
 import SkeletonLoader from "../loading/skeleton";
 import { useEffect } from "react";
-import { useLogin } from "../../controller/index";
-import { useRecoilValue } from "recoil";
 
 export default function ProtectedRoute({
   children,
 }: {
   children?: React.ReactNode;
 }) {
-  const { mutateAsync } = useLogin();
+  const { isLoading, isError, isSuccess, refetch } = useAuthCheck();
 
   useEffect(() => {
     // on load of this, if we already have jwt tokens in store,
-    // then try using them with auth check, and if successful with simple dime call, then let them continue
+    // then try using them with auth check
     window.electronAPI.store
       .get(STORE_ITEMS.AUTH_SESSION_JWT)
       .then((jwtToken: string) => {
         if (jwtToken) {
-          // todo use this to do an auth check...set the necessary things to make react query run the check
-          // check if the jwt token is good
-
-          // then pass onto the api and such
-
           NirvanaApi._jwtToken = jwtToken;
+          refetch();
         }
       });
   }, []);
 
-  return <Login />;
+  if (isLoading) {
+    return (
+      <div className="container h-screen w-screen flex flex-col justify-center mx-10">
+        <SkeletonLoader />
+      </div>
+    );
+  }
 
-  // if (isLoading || isIdle)
-  //   return (
-  //     <div className="container h-screen w-screen flex flex-col justify-center mx-10">
-  //       <SkeletonLoader />
-  //     </div>
-  //   );
-
-  // if (isError) {
-  //   return <Login />;
-  // }
+  if (isError) {
+    return <Login />;
+  }
 
   // if we can successfully get user details, we are good to continue
-  return <>{children}</>;
+  // basic auth...any additional auth should be done at lower levels
+  if (isSuccess) {
+    return <>{children}</>;
+  }
+
+  return <Login />;
 }