diff --git a/frontend/src/component/InitialRedirect.tsx b/frontend/src/component/InitialRedirect.tsx index 4377385f52..f65ba0e718 100644 --- a/frontend/src/component/InitialRedirect.tsx +++ b/frontend/src/component/InitialRedirect.tsx @@ -1,11 +1,13 @@ import { useCallback, useEffect } from 'react'; import { useNavigate } from 'react-router-dom'; -import useProjects from '../hooks/api/getters/useProjects/useProjects'; -import { useLastViewedProject } from '../hooks/useLastViewedProject'; +import useProjects from 'hooks/api/getters/useProjects/useProjects'; +import { useLastViewedProject } from 'hooks/useLastViewedProject'; import Loader from './common/Loader/Loader'; -import { getSessionStorageItem, setSessionStorageItem } from '../utils/storage'; +import { getSessionStorageItem, setSessionStorageItem } from 'utils/storage'; +import { useUiFlag } from 'hooks/useUiFlag'; export const InitialRedirect = () => { + const personalDashboardUiEnabled = useUiFlag('personalDashboardUI'); const { lastViewed } = useLastViewedProject(); const { projects, loading } = useProjects(); const navigate = useNavigate(); @@ -17,12 +19,16 @@ export const InitialRedirect = () => { return `/projects/${lastViewed}`; } + if (personalDashboardUiEnabled) { + return '/personal'; + } + if (projects && !lastViewed && projects.length === 1) { return `/projects/${projects[0].id}`; } return '/projects'; - }, [lastViewed, projects]); + }, [lastViewed, projects, personalDashboardUiEnabled]); const redirect = () => { navigate(sessionRedirect ?? getRedirect(), { replace: true });