diff options
Diffstat (limited to 'language-web/src/main/js/App.tsx')
-rw-r--r-- | language-web/src/main/js/App.tsx | 86 |
1 files changed, 44 insertions, 42 deletions
diff --git a/language-web/src/main/js/App.tsx b/language-web/src/main/js/App.tsx index 2567aa9c..54f92f9a 100644 --- a/language-web/src/main/js/App.tsx +++ b/language-web/src/main/js/App.tsx | |||
@@ -10,49 +10,51 @@ 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 const App = (): JSX.Element => ( | 13 | export function App(): JSX.Element { |
14 | <Box | 14 | return ( |
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 | 15 | <Box |
42 | display="flex" | 16 | display="flex" |
43 | justifyContent="space-between" | 17 | flexDirection="column" |
44 | alignItems="center" | 18 | sx={{ height: '100vh' }} |
45 | p={1} | ||
46 | > | ||
47 | <EditorButtons /> | ||
48 | <GenerateButton /> | ||
49 | </Box> | ||
50 | <Box | ||
51 | flexGrow={1} | ||
52 | flexShrink={1} | ||
53 | sx={{ overflow: 'auto' }} | ||
54 | > | 19 | > |
55 | <EditorArea /> | 20 | <AppBar |
21 | position="static" | ||
22 | color="inherit" | ||
23 | > | ||
24 | <Toolbar> | ||
25 | <IconButton | ||
26 | edge="start" | ||
27 | sx={{ mr: 2 }} | ||
28 | color="inherit" | ||
29 | aria-label="menu" | ||
30 | > | ||
31 | <MenuIcon /> | ||
32 | </IconButton> | ||
33 | <Typography | ||
34 | variant="h6" | ||
35 | component="h1" | ||
36 | flexGrow={1} | ||
37 | > | ||
38 | Refinery | ||
39 | </Typography> | ||
40 | </Toolbar> | ||
41 | </AppBar> | ||
42 | <Box | ||
43 | display="flex" | ||
44 | justifyContent="space-between" | ||
45 | alignItems="center" | ||
46 | p={1} | ||
47 | > | ||
48 | <EditorButtons /> | ||
49 | <GenerateButton /> | ||
50 | </Box> | ||
51 | <Box | ||
52 | flexGrow={1} | ||
53 | flexShrink={1} | ||
54 | sx={{ overflow: 'auto' }} | ||
55 | > | ||
56 | <EditorArea /> | ||
57 | </Box> | ||
56 | </Box> | 58 | </Box> |
57 | </Box> | 59 | ); |
58 | ); | 60 | } |