From 70dd02be202ae1b87ef8f7a2563ba09a3e7b0947 Mon Sep 17 00:00:00 2001
From: Kristóf Marussy <kristof@marussy.com>
Date: Sun, 21 Aug 2022 03:19:03 +0200
Subject: refactor(frontend): improve code splitting

---
 subprojects/frontend/src/App.tsx | 19 +++++--------------
 1 file changed, 5 insertions(+), 14 deletions(-)

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

diff --git a/subprojects/frontend/src/App.tsx b/subprojects/frontend/src/App.tsx
index 12c66eb9..3a25f43a 100644
--- a/subprojects/frontend/src/App.tsx
+++ b/subprojects/frontend/src/App.tsx
@@ -1,23 +1,14 @@
-import Box from '@mui/material/Box';
-import Toolbar from '@mui/material/Toolbar';
+import Stack from '@mui/material/Stack';
 import React from 'react';
 
 import TopBar from './TopBar';
-import EditorArea from './editor/EditorArea';
-import EditorButtons from './editor/EditorButtons';
-import GenerateButton from './editor/GenerateButton';
+import EditorPane from './editor/EditorPane';
 
 export default function App(): JSX.Element {
   return (
-    <Box display="flex" flexDirection="column" sx={{ height: '100vh' }}>
+    <Stack direction="column" height="100vh" overflow="auto">
       <TopBar />
-      <Toolbar variant="dense">
-        <EditorButtons />
-        <GenerateButton />
-      </Toolbar>
-      <Box flexGrow={1} flexShrink={1} overflow="auto">
-        <EditorArea />
-      </Box>
-    </Box>
+      <EditorPane />
+    </Stack>
   );
 }
-- 
cgit v1.2.3-54-g00ecf

