summaryrefslogtreecommitdiff
path: root/src/components/Mobile.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/Mobile.tsx')
-rw-r--r--src/components/Mobile.tsx55
1 files changed, 0 insertions, 55 deletions
diff --git a/src/components/Mobile.tsx b/src/components/Mobile.tsx
deleted file mode 100644
index 2e7b15c..0000000
--- a/src/components/Mobile.tsx
+++ /dev/null
@@ -1,55 +0,0 @@
-import React from 'react';
-import { useContext, useState } from 'react';
-import { Link } from 'react-router-dom';
-import { Button, IconButton, Menu, MenuItem } from '@mui/material';
-import DarkModeIcon from '@mui/icons-material/DarkMode';
-import LightModeIcon from '@mui/icons-material/LightMode';
-import { useTheme } from '@mui/material/styles';
-import { ThemeContext } from '../ThemeContextProvider';
-import MenuIcon from '@mui/icons-material/Menu';
-import pages from '../pages';
-
-function Mobile() {
- const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);
- const theme = useTheme();
- const { toggleColorMode } = useContext(ThemeContext);
-
- const handleOpenNavMenu = (event: React.MouseEvent<HTMLElement>) => {
- setAnchorEl(event.currentTarget);
- };
-
- const handleCloseNavMenu = () => {
- setAnchorEl(null);
- };
-
- return (
- <>
- <IconButton color="inherit" onClick={toggleColorMode}>
- {theme.palette.mode === 'dark' ? <LightModeIcon /> : <DarkModeIcon />}
- </IconButton>
- <IconButton
- color="inherit"
- sx={{ ml: 'auto' }}
- onClick={handleOpenNavMenu}
- >
- <MenuIcon />
- </IconButton>
- <Menu anchorEl={anchorEl} open={!!anchorEl} onClose={handleCloseNavMenu}>
- {pages.map((page) => (
- <MenuItem key={page.name} onClick={handleCloseNavMenu}>
- <Button
- color="inherit"
- component={Link}
- to={page?.to}
- key={page?.name}
- >
- {page?.name}
- </Button>
- </MenuItem>
- ))}
- </Menu>
- </>
- );
-}
-
-export default Mobile;