diff options
Diffstat (limited to 'subprojects/frontend/src/TopBar.tsx')
-rw-r--r-- | subprojects/frontend/src/TopBar.tsx | 29 |
1 files changed, 29 insertions, 0 deletions
diff --git a/subprojects/frontend/src/TopBar.tsx b/subprojects/frontend/src/TopBar.tsx new file mode 100644 index 00000000..5ac74e7a --- /dev/null +++ b/subprojects/frontend/src/TopBar.tsx | |||
@@ -0,0 +1,29 @@ | |||
1 | import MenuIcon from '@mui/icons-material/Menu'; | ||
2 | import AppBar from '@mui/material/AppBar'; | ||
3 | import IconButton from '@mui/material/IconButton'; | ||
4 | import Toolbar from '@mui/material/Toolbar'; | ||
5 | import Typography from '@mui/material/Typography'; | ||
6 | import React from 'react'; | ||
7 | |||
8 | import ToggleDarkModeButton from './ToggleDarkModeButton'; | ||
9 | |||
10 | export default function TopBar(): JSX.Element { | ||
11 | return ( | ||
12 | <AppBar position="static" color="primary"> | ||
13 | <Toolbar> | ||
14 | <IconButton | ||
15 | edge="start" | ||
16 | sx={{ mr: 2 }} | ||
17 | color="inherit" | ||
18 | aria-label="menu" | ||
19 | > | ||
20 | <MenuIcon /> | ||
21 | </IconButton> | ||
22 | <Typography variant="h6" component="h1" flexGrow={1}> | ||
23 | Refinery | ||
24 | </Typography> | ||
25 | <ToggleDarkModeButton /> | ||
26 | </Toolbar> | ||
27 | </AppBar> | ||
28 | ); | ||
29 | } | ||