diff options
author | Michael Hunteman <michael@huntm.net> | 2024-05-17 15:20:30 -0700 |
---|---|---|
committer | Michael Hunteman <michael@huntm.net> | 2024-05-17 15:20:30 -0700 |
commit | 7103019890960e793deefb64987a09b33be60b42 (patch) | |
tree | c1c9402aa250c68b2cbe13d62598232bbf20b1e2 /src/components/Mobile.tsx | |
parent | fc5c111bcfe296bec82e1cf9fdb88fc80fb24f89 (diff) |
Add golang server
Diffstat (limited to 'src/components/Mobile.tsx')
-rw-r--r-- | src/components/Mobile.tsx | 55 |
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; |