index.js 1.0 KB

12345678910111213141516171819202122232425262728293031323334
  1. import { Route, Routes } from 'react-router-dom';
  2. import { Box } from '@mui/material';
  3. import styles from 'react-responsive-carousel/lib/styles/carousel.min.css';
  4. import { actionPageStart } from '../../actions/actionPageStart';
  5. import { useDispatch, useSelector } from 'react-redux';
  6. import { AuthPage } from '../AuthPage';
  7. import { LayoutPage } from '../LayoutPage';
  8. import { CProtectedRoute } from '../common/ProtectedRoute';
  9. const Root = ({ user = {} }) => {
  10. const isSignIn = true;
  11. const dispatch = useDispatch();
  12. dispatch(actionPageStart());
  13. return (
  14. <Box className="Root">
  15. <Routes>
  16. <Route
  17. path="/auth"
  18. element={
  19. <CProtectedRoute roles={['anon']} fallback="/admin">
  20. <AuthPage />
  21. </CProtectedRoute>
  22. }
  23. />
  24. <Route path="/*" element={<LayoutPage />} />
  25. </Routes>
  26. </Box>
  27. );
  28. };
  29. export { Root };