blob: 35ddc5e3b06021b8a5d46cd5f9c175d843a73f9f (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
import { useContext } from 'react';
import { Link } from "react-router-dom";
import { Stack, Button, IconButton } 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 pages from '../pages';
function Desktop() {
const theme = useTheme();
const { toggleColorMode } = useContext(ThemeContext);
return (
<Stack direction="row" sx={{ ml: "auto" }}>
{pages.map(page => (
<Button color="inherit" component={Link} to={page?.to} key={page?.name}>
{page?.name}
</Button>
))}
<IconButton color="inherit" onClick={toggleColorMode}>
{theme.palette.mode === 'dark' ? <DarkModeIcon /> : <LightModeIcon />}
</IconButton>
</Stack>
);
}
export default Desktop;
|