2022-05-05 13:42:18 +02:00
|
|
|
import { Navigate, Route, Routes } from 'react-router-dom';
|
2022-05-02 12:52:33 +02:00
|
|
|
import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
|
2022-03-31 09:23:46 +02:00
|
|
|
import { FeedbackNPS } from 'component/feedback/FeedbackNPS/FeedbackNPS';
|
2022-04-01 10:28:15 +02:00
|
|
|
import { LayoutPicker } from 'component/layout/LayoutPicker/LayoutPicker';
|
2022-03-28 10:49:59 +02:00
|
|
|
import Loader from 'component/common/Loader/Loader';
|
|
|
|
import NotFound from 'component/common/NotFound/NotFound';
|
2022-05-05 13:42:18 +02:00
|
|
|
import { ProtectedRoute } from 'component/common/ProtectedRoute/ProtectedRoute';
|
2022-03-28 10:49:59 +02:00
|
|
|
import SWRProvider from 'component/providers/SWRProvider/SWRProvider';
|
|
|
|
import ToastRenderer from 'component/common/ToastRenderer/ToastRenderer';
|
|
|
|
import { routes } from 'component/menu/routes';
|
2022-03-22 08:23:51 +01:00
|
|
|
import { useAuthDetails } from 'hooks/api/getters/useAuth/useAuthDetails';
|
|
|
|
import { useAuthUser } from 'hooks/api/getters/useAuth/useAuthUser';
|
|
|
|
import { SplashPageRedirect } from 'component/splash/SplashPageRedirect/SplashPageRedirect';
|
2022-05-12 15:34:04 +02:00
|
|
|
import { useStyles } from './App.styles';
|
2022-05-06 14:04:09 +02:00
|
|
|
import { usePlausibleTracker } from 'hooks/usePlausibleTracker';
|
2022-06-10 16:09:50 +02:00
|
|
|
import useUiConfig from 'hooks/api/getters/useUiConfig/useUiConfig';
|
2021-10-15 09:21:38 +02:00
|
|
|
|
2022-02-11 11:19:55 +01:00
|
|
|
export const App = () => {
|
2022-05-12 15:34:04 +02:00
|
|
|
const { classes: styles } = useStyles();
|
2022-02-10 17:04:10 +01:00
|
|
|
const { authDetails } = useAuthDetails();
|
|
|
|
const { user } = useAuthUser();
|
2022-06-10 16:09:50 +02:00
|
|
|
const { isOss } = useUiConfig();
|
2022-02-10 17:04:10 +01:00
|
|
|
const isLoggedIn = Boolean(user?.id);
|
|
|
|
const hasFetchedAuth = Boolean(authDetails || user);
|
2022-05-06 14:04:09 +02:00
|
|
|
usePlausibleTracker();
|
2021-04-12 15:04:03 +02:00
|
|
|
|
2022-06-10 16:09:50 +02:00
|
|
|
const availableRoutes = isOss()
|
|
|
|
? routes.filter(route => !route.enterprise)
|
|
|
|
: routes;
|
|
|
|
|
2021-04-12 15:04:03 +02:00
|
|
|
return (
|
2022-05-05 13:42:18 +02:00
|
|
|
<SWRProvider isUnauthorized={!isLoggedIn}>
|
2021-11-26 11:12:37 +01:00
|
|
|
<ConditionallyRender
|
2022-02-10 17:04:10 +01:00
|
|
|
condition={!hasFetchedAuth}
|
2021-11-26 11:12:37 +01:00
|
|
|
show={<Loader />}
|
|
|
|
elseShow={
|
|
|
|
<div className={styles.container}>
|
2022-01-28 10:51:48 +01:00
|
|
|
<ToastRenderer />
|
2022-03-22 08:23:51 +01:00
|
|
|
<LayoutPicker>
|
2022-05-05 13:42:18 +02:00
|
|
|
<Routes>
|
2022-06-10 16:09:50 +02:00
|
|
|
{availableRoutes.map(route => (
|
2022-05-05 13:42:18 +02:00
|
|
|
<Route
|
|
|
|
key={route.path}
|
|
|
|
path={route.path}
|
|
|
|
element={
|
|
|
|
<ProtectedRoute route={route} />
|
|
|
|
}
|
|
|
|
/>
|
|
|
|
))}
|
|
|
|
<Route
|
2022-03-22 08:23:51 +01:00
|
|
|
path="/"
|
2022-05-05 13:42:18 +02:00
|
|
|
element={
|
|
|
|
<Navigate to="/features" replace />
|
|
|
|
}
|
2022-03-22 08:23:51 +01:00
|
|
|
/>
|
2022-05-05 13:42:18 +02:00
|
|
|
<Route path="*" element={<NotFound />} />
|
|
|
|
</Routes>
|
2022-03-31 09:23:46 +02:00
|
|
|
<FeedbackNPS openUrl="http://feedback.unleash.run" />
|
2022-03-22 08:23:51 +01:00
|
|
|
<SplashPageRedirect />
|
|
|
|
</LayoutPicker>
|
2021-11-26 11:12:37 +01:00
|
|
|
</div>
|
|
|
|
}
|
|
|
|
/>
|
2021-10-19 13:08:25 +02:00
|
|
|
</SWRProvider>
|
2021-04-12 15:04:03 +02:00
|
|
|
);
|
|
|
|
};
|