![\"OHNAP\"](\"/static/logo.jpg\"){kind=logo}
;\r\n};\r\n\r\nexport default Logo;\r\n","import React from 'react';\r\nimport { Link as RouterLink } from 'react-router-dom';\r\nimport clsx from 'clsx';\r\nimport PropTypes from 'prop-types';\r\nimport { AppBar, Grid, Toolbar, Hidden, makeStyles } from '@material-ui/core';\r\nimport Logo from 'src/components/Logo';\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n root: {\r\n backgroundColor: theme.palette.background.default,\r\n textAlign: 'center'\r\n },\r\n toolbar: {\r\n height: 88\r\n },\r\n logo: {\r\n marginRight: theme.spacing(1)\r\n },\r\n link: {\r\n fontWeight: theme.typography.fontWeightMedium,\r\n '& + &': {\r\n marginLeft: theme.spacing(2)\r\n }\r\n },\r\n divider: {\r\n width: 1,\r\n height: 32,\r\n marginLeft: theme.spacing(2),\r\n marginRight: theme.spacing(2)\r\n }\r\n}));\r\n\r\nconst TopBar = ({ className, ...rest }) => {\r\n const classes = useStyles();\r\n\r\n return (\r\n - \r\n {items.reduce(\r\n (acc, item) => reduceChildRoutes({ acc, item, pathname, depth }),\r\n []\r\n )}\r\n
![\"OHNAP\"](\"/static/header-light.jpg\")
\r\n \r\n setMobileNavOpen(true)} />\r\n setMobileNavOpen(false)}\r\n openMobile={isMobileNavOpen}\r\n />\r\n setMobileNavOpen(true)} />\r\n
\r\n );\r\n};\r\n\r\nDashboardLayout.propTypes = {\r\n children: PropTypes.node\r\n};\r\n\r\nexport default DashboardLayout;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { makeStyles } from '@material-ui/core';\r\nimport TopBar from './TopBar';\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n root: {\r\n backgroundColor: theme.palette.text.secondary,\r\n display: 'flex',\r\n height: '100%',\r\n overflow: 'hidden',\r\n width: '100%'\r\n },\r\n wrapper: {\r\n display: 'flex',\r\n flex: '1 1 auto',\r\n overflow: 'hidden',\r\n paddingTop: 80\r\n },\r\n contentContainer: {\r\n display: 'flex',\r\n flex: '1 1 auto',\r\n overflow: 'hidden'\r\n },\r\n content: {\r\n flex: '1 1 auto',\r\n height: '100%',\r\n overflow: 'auto'\r\n }\r\n}));\r\n\r\nconst MainLayout = ({ children }) => {\r\n const classes = useStyles();\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n {children}
\r\n \r\n
\r\n );\r\n};\r\n\r\nMainLayout.propTypes = {\r\n children: PropTypes.node\r\n};\r\n\r\nexport default MainLayout;\r\n","import React, { useEffect } from 'react';\r\nimport NProgress from 'nprogress';\r\nimport {\r\n Box,\r\n LinearProgress,\r\n makeStyles\r\n} from '@material-ui/core';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n alignItems: 'center',\r\n backgroundColor: theme.palette.background.default,\r\n display: 'flex',\r\n flexDirection: 'column',\r\n height: '100%',\r\n justifyContent: 'center',\r\n minHeight: '100%',\r\n padding: theme.spacing(3)\r\n }\r\n}));\r\n\r\nconst LoadingScreen = () => {\r\n const classes = useStyles();\r\n\r\n useEffect(() => {\r\n NProgress.start();\r\n\r\n return () => {\r\n NProgress.done();\r\n };\r\n }, []);\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n {children}
\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default LoadingScreen;\r\n","import React from 'react';\r\nimport { Redirect } from 'react-router-dom';\r\nimport PropTypes from 'prop-types';\r\nimport useAuth from '../hooks/useAuth';\r\n\r\nconst AuthGuard = ({ children }) => {\r\n const { isAuthenticated } = useAuth();\r\n\r\n if (!isAuthenticated) {\r\n return