Split the Dashboard from All Tasks. (#10)
Reviewed-on: #10 Co-authored-by: Drew Galbraith <drew@tiramisu.one> Co-committed-by: Drew Galbraith <drew@tiramisu.one>
This commit is contained in:
parent
b0916990fb
commit
8e6ac03f70
10 changed files with 572 additions and 23 deletions
|
|
@ -19,6 +19,7 @@ import {
|
|||
import {
|
||||
Menu as MenuIcon,
|
||||
Dashboard as DashboardIcon,
|
||||
List as ListIcon,
|
||||
Add as AddIcon,
|
||||
Settings as SettingsIcon,
|
||||
} from '@mui/icons-material'
|
||||
|
|
@ -41,10 +42,15 @@ export default function Layout({ children, loading = false }: LayoutProps) {
|
|||
|
||||
const menuItems = [
|
||||
{
|
||||
text: 'Tasks',
|
||||
text: 'Dashboard',
|
||||
icon: <DashboardIcon />,
|
||||
path: '/',
|
||||
},
|
||||
{
|
||||
text: 'All Tasks',
|
||||
icon: <ListIcon />,
|
||||
path: '/all-tasks',
|
||||
},
|
||||
{
|
||||
text: 'Settings',
|
||||
icon: <SettingsIcon />,
|
||||
|
|
@ -58,8 +64,8 @@ export default function Layout({ children, loading = false }: LayoutProps) {
|
|||
{menuItems.map(item => (
|
||||
<ListItem key={item.text} disablePadding>
|
||||
<ListItemButton
|
||||
component="a"
|
||||
href={item.path}
|
||||
component={Link}
|
||||
to={item.path}
|
||||
sx={{
|
||||
borderRadius: 2,
|
||||
mx: 1,
|
||||
|
|
@ -220,7 +226,6 @@ export default function Layout({ children, loading = false }: LayoutProps) {
|
|||
<Toolbar />
|
||||
{children}
|
||||
</Box>
|
||||
|
||||
</Box>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue