diff --git a/client/src/pages/admin/AdminPage.tsx b/client/src/pages/admin/AdminPage.tsx index 921f721db03d22ee9e7d010cb67620ede98e4bd2..c4e43b6d138bf7ef18a8789bb95c7d5a6f4ee068 100644 --- a/client/src/pages/admin/AdminPage.tsx +++ b/client/src/pages/admin/AdminPage.tsx @@ -23,6 +23,7 @@ import { getRoles } from '../../actions/roles' import { logoutUser } from '../../actions/user' import { useAppDispatch, useAppSelector } from '../../hooks' import CompetitionManager from './competitions/CompetitionManager' +import Dashboard from './dashboard/Dashboard' import RegionManager from './regions/Regions' import { LeftDrawer } from './styled' import UserManager from './users/UserManager' @@ -138,9 +139,7 @@ const AdminView: React.FC = () => { <div className={classes.toolbar} /> <Switch> <Route exact path={[path, `${path}/startsida`]}> - <Typography variant="h1" noWrap> - Startsida - </Typography> + <Dashboard /> </Route> <Route path={`${path}/regioner`}> <RegionManager /> diff --git a/client/src/pages/admin/dashboard/Dashboard.tsx b/client/src/pages/admin/dashboard/Dashboard.tsx new file mode 100644 index 0000000000000000000000000000000000000000..a8cd1ff59f31d0f47f190e4d9cff22bcfb37fa11 --- /dev/null +++ b/client/src/pages/admin/dashboard/Dashboard.tsx @@ -0,0 +1,16 @@ +import Box from '@material-ui/core/Box' +import React from 'react' +import CurrentUser from './widgets/CurrentUser' +// import * from '@material-ui/core' + +const Dashboard: React.FC = () => { + return ( + <div className="widget-container"> + <Box display="flex" flexDirection="row" p={1} m={1} bgcolor="text.disabled"> + <CurrentUser /> + </Box> + </div> + ) +} + +export default Dashboard diff --git a/client/src/pages/admin/dashboard/widgets/CurrentUser.tsx b/client/src/pages/admin/dashboard/widgets/CurrentUser.tsx new file mode 100644 index 0000000000000000000000000000000000000000..f81be4ebaaafba442d7bd64546e384fe99d96584 --- /dev/null +++ b/client/src/pages/admin/dashboard/widgets/CurrentUser.tsx @@ -0,0 +1,16 @@ +import { Box } from '@material-ui/core' +import React from 'react' + +// import * from '@material-ui/core' + +const CurrentUser: React.FC = () => { + return ( + <div> + <Box color="text.primary" bgcolor="secondary.main" fontFamily="h3.fontFamily" width="200%" height="200%"> + Current User Widget + </Box> + </div> + ) +} + +export default CurrentUser