feat(frontend): light/dark mode switch

1 files changed, 2 insertions, 20 deletions

diff --git a/subprojects/frontend/src/App.tsx b/subprojects/frontend/src/App.tsx
index d3ec63eb..12cf9311 100644
--- a/subprojects/frontend/src/App.tsx
+++ b/subprojects/frontend/src/App.tsx
@@ -1,11 +1,7 @@
-import MenuIcon from '@mui/icons-material/Menu';
-import AppBar from '@mui/material/AppBar';
 import Box from '@mui/material/Box';
-import IconButton from '@mui/material/IconButton';
-import Toolbar from '@mui/material/Toolbar';
-import Typography from '@mui/material/Typography';
 import React from 'react';
 
+import TopBar from './TopBar';
 import EditorArea from './editor/EditorArea';
 import EditorButtons from './editor/EditorButtons';
 import GenerateButton from './editor/GenerateButton';
@@ -13,21 +9,7 @@ import GenerateButton from './editor/GenerateButton';
 export default function App(): JSX.Element {
   return (
     <Box display="flex" flexDirection="column" sx={{ height: '100vh' }}>
-      <AppBar position="static" color="inherit">
-        <Toolbar>
-          <IconButton
-            edge="start"
-            sx={{ mr: 2 }}
-            color="inherit"
-            aria-label="menu"
-          >
-            <MenuIcon />
-          </IconButton>
-          <Typography variant="h6" component="h1" flexGrow={1}>
-            Refinery
-          </Typography>
-        </Toolbar>
-      </AppBar>
+      <TopBar />
       <Box
         display="flex"
         justifyContent="space-between"