diff options
Diffstat (limited to 'subprojects/frontend/src/App.tsx')
-rw-r--r-- | subprojects/frontend/src/App.tsx | 33 |
1 files changed, 9 insertions, 24 deletions
diff --git a/subprojects/frontend/src/App.tsx b/subprojects/frontend/src/App.tsx index 54f92f9a..d3ec63eb 100644 --- a/subprojects/frontend/src/App.tsx +++ b/subprojects/frontend/src/App.tsx | |||
@@ -1,26 +1,19 @@ | |||
1 | import MenuIcon from '@mui/icons-material/Menu'; | ||
1 | import AppBar from '@mui/material/AppBar'; | 2 | import AppBar from '@mui/material/AppBar'; |
2 | import Box from '@mui/material/Box'; | 3 | import Box from '@mui/material/Box'; |
3 | import IconButton from '@mui/material/IconButton'; | 4 | import IconButton from '@mui/material/IconButton'; |
4 | import Toolbar from '@mui/material/Toolbar'; | 5 | import Toolbar from '@mui/material/Toolbar'; |
5 | import Typography from '@mui/material/Typography'; | 6 | import Typography from '@mui/material/Typography'; |
6 | import MenuIcon from '@mui/icons-material/Menu'; | ||
7 | import React from 'react'; | 7 | import React from 'react'; |
8 | 8 | ||
9 | import { EditorArea } from './editor/EditorArea'; | 9 | import EditorArea from './editor/EditorArea'; |
10 | import { EditorButtons } from './editor/EditorButtons'; | 10 | import EditorButtons from './editor/EditorButtons'; |
11 | import { GenerateButton } from './editor/GenerateButton'; | 11 | import GenerateButton from './editor/GenerateButton'; |
12 | 12 | ||
13 | export function App(): JSX.Element { | 13 | export default function App(): JSX.Element { |
14 | return ( | 14 | return ( |
15 | <Box | 15 | <Box display="flex" flexDirection="column" sx={{ height: '100vh' }}> |
16 | display="flex" | 16 | <AppBar position="static" color="inherit"> |
17 | flexDirection="column" | ||
18 | sx={{ height: '100vh' }} | ||
19 | > | ||
20 | <AppBar | ||
21 | position="static" | ||
22 | color="inherit" | ||
23 | > | ||
24 | <Toolbar> | 17 | <Toolbar> |
25 | <IconButton | 18 | <IconButton |
26 | edge="start" | 19 | edge="start" |
@@ -30,11 +23,7 @@ export function App(): JSX.Element { | |||
30 | > | 23 | > |
31 | <MenuIcon /> | 24 | <MenuIcon /> |
32 | </IconButton> | 25 | </IconButton> |
33 | <Typography | 26 | <Typography variant="h6" component="h1" flexGrow={1}> |
34 | variant="h6" | ||
35 | component="h1" | ||
36 | flexGrow={1} | ||
37 | > | ||
38 | Refinery | 27 | Refinery |
39 | </Typography> | 28 | </Typography> |
40 | </Toolbar> | 29 | </Toolbar> |
@@ -48,11 +37,7 @@ export function App(): JSX.Element { | |||
48 | <EditorButtons /> | 37 | <EditorButtons /> |
49 | <GenerateButton /> | 38 | <GenerateButton /> |
50 | </Box> | 39 | </Box> |
51 | <Box | 40 | <Box flexGrow={1} flexShrink={1} sx={{ overflow: 'auto' }}> |
52 | flexGrow={1} | ||
53 | flexShrink={1} | ||
54 | sx={{ overflow: 'auto' }} | ||
55 | > | ||
56 | <EditorArea /> | 41 | <EditorArea /> |
57 | </Box> | 42 | </Box> |
58 | </Box> | 43 | </Box> |