diff options
Diffstat (limited to 'language-web/src/main/js/App.tsx')
-rw-r--r-- | language-web/src/main/js/App.tsx | 58 |
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 @@ | |||
1 | import AppBar from '@mui/material/AppBar'; | ||
2 | import Box from '@mui/material/Box'; | ||
3 | import IconButton from '@mui/material/IconButton'; | ||
4 | import Toolbar from '@mui/material/Toolbar'; | ||
5 | import Typography from '@mui/material/Typography'; | ||
6 | import MenuIcon from '@mui/icons-material/Menu'; | ||
7 | import React from 'react'; | ||
8 | |||
9 | import { EditorArea } from './editor/EditorArea'; | ||
10 | import { EditorButtons } from './editor/EditorButtons'; | ||
11 | import { GenerateButton } from './editor/GenerateButton'; | ||
12 | |||
13 | export 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 | ); | ||