From 66216786a70e415775cf7e4b84cfd7d74b07aad0 Mon Sep 17 00:00:00 2001
From: Kristóf Marussy <kristof@marussy.com>
Date: Fri, 12 Aug 2022 21:57:01 +0200
Subject: feat(frontend): light/dark mode switch

---
 subprojects/frontend/src/App.tsx | 22 ++--------------------
 1 file changed, 2 insertions(+), 20 deletions(-)

(limited to 'subprojects/frontend/src/App.tsx')

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"
-- 
cgit v1.2.3-54-g00ecf