74 lines
1.9 KiB
TypeScript
74 lines
1.9 KiB
TypeScript
import { useAuthCheck, useLogin } from "../../controller/index";
|
|
|
|
import { $jwtToken } 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 { useRecoilState } from "recoil";
|
|
|
|
export default function ProtectedRoute({
|
|
children,
|
|
}: {
|
|
children?: React.ReactNode;
|
|
}) {
|
|
const [jwtToken, setJwtToken] = useRecoilState($jwtToken);
|
|
|
|
const { isLoading, isError, isFetching, isSuccess, refetch } =
|
|
useAuthCheck(jwtToken);
|
|
|
|
useEffect(() => {
|
|
// on load of this, if we already have jwt tokens in store,
|
|
// then try using them with auth check
|
|
window.electronAPI.store
|
|
.get(STORE_ITEMS.AUTH_SESSION_JWT)
|
|
.then((jwtToken: string) => {
|
|
if (jwtToken) {
|
|
NirvanaApi._jwtToken = jwtToken;
|
|
setJwtToken(jwtToken);
|
|
refetch();
|
|
|
|
console.log("retrieved jwtToken from storage", jwtToken);
|
|
} else {
|
|
console.log("no jwt token in store");
|
|
}
|
|
});
|
|
}, []);
|
|
|
|
useEffect(() => {
|
|
console.log("change in jwt token", jwtToken);
|
|
|
|
if (jwtToken) {
|
|
window.electronAPI.store.set(STORE_ITEMS.AUTH_SESSION_JWT, jwtToken);
|
|
setJwtToken(jwtToken);
|
|
} else {
|
|
window.electronAPI.store.set(STORE_ITEMS.AUTH_SESSION_JWT, null);
|
|
}
|
|
|
|
NirvanaApi._jwtToken = jwtToken;
|
|
|
|
refetch();
|
|
}, [jwtToken]);
|
|
|
|
if (isLoading || isFetching) {
|
|
return (
|
|
<div className="container h-screen w-screen flex flex-col justify-center mx-10">
|
|
<SkeletonLoader />
|
|
</div>
|
|
);
|
|
}
|
|
|
|
if (isError) {
|
|
return <Login />;
|
|
}
|
|
|
|
// if we can successfully get user details, we are good to continue
|
|
// basic auth...any additional auth should be done at lower levels
|
|
if (isSuccess) {
|
|
return <>{children}</>;
|
|
}
|
|
|
|
return <Login />;
|
|
}
|