52 lines
1.4 KiB
TypeScript
52 lines
1.4 KiB
TypeScript
import { ReactElement, useEffect, useState } from 'react';
|
|
import { useLocation } from 'react-router';
|
|
import { useAuthContext } from '@/auth';
|
|
import { useLoaders } from '@/providers';
|
|
import { AppRoutingSetup } from '.';
|
|
|
|
const AppRouting = (): ReactElement => {
|
|
const { setProgressBarLoader } = useLoaders();
|
|
const { verify, setLoading } = useAuthContext();
|
|
const [previousLocation, setPreviousLocation] = useState('');
|
|
const [firstLoad, setFirstLoad] = useState(true);
|
|
const location = useLocation();
|
|
const path = location.pathname.trim();
|
|
|
|
useEffect(() => {
|
|
if (firstLoad) {
|
|
verify().finally(() => {
|
|
setLoading(false);
|
|
setFirstLoad(false);
|
|
});
|
|
}
|
|
});
|
|
|
|
useEffect(() => {
|
|
if (!firstLoad) {
|
|
setProgressBarLoader(true);
|
|
verify()
|
|
.catch(() => {
|
|
throw new Error('User verify request failed!');
|
|
})
|
|
.finally(() => {
|
|
setPreviousLocation(path);
|
|
setProgressBarLoader(false);
|
|
if (path === previousLocation) {
|
|
setPreviousLocation('');
|
|
}
|
|
});
|
|
}
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
}, [location]);
|
|
|
|
useEffect(() => {
|
|
if (!CSS.escape(window.location.hash)) {
|
|
window.scrollTo({ top: 0, behavior: 'smooth' });
|
|
}
|
|
}, [previousLocation]);
|
|
|
|
return <AppRoutingSetup />;
|
|
};
|
|
|
|
export { AppRouting };
|