42 lines
1.2 KiB
TypeScript
42 lines
1.2 KiB
TypeScript
import { useEffect } from 'react';
|
|
import { useNavigate, useSearchParams } from 'react-router-dom';
|
|
|
|
import { useAuth } from '@/auth/hooks/useAuth';
|
|
import { useIsLogged } from '@/auth/hooks/useIsLogged';
|
|
import { isAppWaitingForFreshObjectMetadataState } from '@/object-metadata/states/isAppWaitingForFreshObjectMetadataState';
|
|
import { AppPath } from '@/types/AppPath';
|
|
import { useSetRecoilState } from 'recoil';
|
|
|
|
export const VerifyEffect = () => {
|
|
const [searchParams] = useSearchParams();
|
|
const loginToken = searchParams.get('loginToken');
|
|
|
|
const isLogged = useIsLogged();
|
|
const navigate = useNavigate();
|
|
|
|
const { verify } = useAuth();
|
|
|
|
const setIsAppWaitingForFreshObjectMetadata = useSetRecoilState(
|
|
isAppWaitingForFreshObjectMetadataState,
|
|
);
|
|
|
|
useEffect(() => {
|
|
const getTokens = async () => {
|
|
if (!loginToken) {
|
|
navigate(AppPath.SignInUp);
|
|
} else {
|
|
setIsAppWaitingForFreshObjectMetadata(true);
|
|
await verify(loginToken);
|
|
}
|
|
};
|
|
|
|
if (!isLogged) {
|
|
getTokens();
|
|
}
|
|
// Verify only needs to run once at mount
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
}, []);
|
|
|
|
return <></>;
|
|
};
|