maccounter

1
import React, { lazy, Suspense } from 'react'
2
import { Redirect, Route, Switch } from 'react-router-dom'
3
import { useAppSelector } from '@store/hooks'
4
import Home from '../Home/Home'
5
import styles from './ContentPage.module.scss'
6

7
const Accountancy = lazy(() => import('@pages/Accountancy/Accountancy'))
8
const Statistics = lazy(() => import('@pages/Statistics/Statistics'))
9
const Settings = lazy(() => import('@pages/Settings/Settings'))
10

11
const ContentPage: React.FC = () => {
12
    const links = useAppSelector((state) => state.app.links)
13
    return (
14
        <main className={styles.container}>
15
            <Suspense fallback="Загрузка...">
16
                <Switch>
17
                    <Route path={links.basedir} exact render={() => <Redirect to={links.home} />} />
18
                    <Route path={links.home} component={Home} />
19
                    <Route path={links.accountancy} component={Accountancy} />
20
                    <Route path={links.statistics} component={Statistics} />
21
                    <Route path={links.settings} component={Settings} />
22
                </Switch>
23

24
            </Suspense>
25
        </main>
26
    )
27
}
28

29
export default ContentPage
30