aboutsummaryrefslogtreecommitdiffstats
path: root/language-web/src/main/js/App.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'language-web/src/main/js/App.tsx')
-rw-r--r--language-web/src/main/js/App.tsx58
1 files changed, 0 insertions, 58 deletions
diff --git a/language-web/src/main/js/App.tsx b/language-web/src/main/js/App.tsx
deleted file mode 100644
index 2567aa9c..00000000
--- a/language-web/src/main/js/App.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
1import AppBar from '@mui/material/AppBar';
2import Box from '@mui/material/Box';
3import IconButton from '@mui/material/IconButton';
4import Toolbar from '@mui/material/Toolbar';
5import Typography from '@mui/material/Typography';
6import MenuIcon from '@mui/icons-material/Menu';
7import React from 'react';
8
9import { EditorArea } from './editor/EditorArea';
10import { EditorButtons } from './editor/EditorButtons';
11import { GenerateButton } from './editor/GenerateButton';
12
13export const App = (): JSX.Element => (
14 <Box
15 display="flex"
16 flexDirection="column"
17 sx={{ height: '100vh' }}
18 >
19 <AppBar
20 position="static"
21 color="inherit"
22 >
23 <Toolbar>
24 <IconButton
25 edge="start"
26 sx={{ mr: 2 }}
27 color="inherit"
28 aria-label="menu"
29 >
30 <MenuIcon />
31 </IconButton>
32 <Typography
33 variant="h6"
34 component="h1"
35 flexGrow={1}
36 >
37 Refinery
38 </Typography>
39 </Toolbar>
40 </AppBar>
41 <Box
42 display="flex"
43 justifyContent="space-between"
44 alignItems="center"
45 p={1}
46 >
47 <EditorButtons />
48 <GenerateButton />
49 </Box>
50 <Box
51 flexGrow={1}
52 flexShrink={1}
53 sx={{ overflow: 'auto' }}
54 >
55 <EditorArea />
56 </Box>
57 </Box>
58);