diff options
author | Kristóf Marussy <marussy@mit.bme.hu> | 2021-08-22 21:35:53 +0200 |
---|---|---|
committer | Kristóf Marussy <marussy@mit.bme.hu> | 2021-08-22 21:36:34 +0200 |
commit | c644cb26384cd126a1e71ce652b358e0a87e3b59 (patch) | |
tree | 19f29cb466098af0cbb742cb18a88d2a632643ec /language-web/src/main/js/App.tsx | |
parent | Covert language-web to TypeScript (diff) | |
download | refinery-c644cb26384cd126a1e71ce652b358e0a87e3b59.tar.gz refinery-c644cb26384cd126a1e71ce652b358e0a87e3b59.tar.zst refinery-c644cb26384cd126a1e71ce652b358e0a87e3b59.zip |
Add ESLint config
Diffstat (limited to 'language-web/src/main/js/App.tsx')
-rw-r--r-- | language-web/src/main/js/App.tsx | 46 |
1 files changed, 23 insertions, 23 deletions
diff --git a/language-web/src/main/js/App.tsx b/language-web/src/main/js/App.tsx index 5bd46c09..17d4f339 100644 --- a/language-web/src/main/js/App.tsx +++ b/language-web/src/main/js/App.tsx | |||
@@ -9,10 +9,10 @@ import MenuIcon from '@material-ui/icons/Menu'; | |||
9 | import PlayArrowIcon from '@material-ui/icons/PlayArrow'; | 9 | import PlayArrowIcon from '@material-ui/icons/PlayArrow'; |
10 | 10 | ||
11 | import { makeStyles } from './makeStyles'; | 11 | import { makeStyles } from './makeStyles'; |
12 | import Editor from './editor/Editor'; | 12 | import { Editor } from './editor/Editor'; |
13 | import EditorButtons from './editor/EditorButtons'; | 13 | import { EditorButtons } from './editor/EditorButtons'; |
14 | 14 | ||
15 | const useStyles = makeStyles()(theme => ({ | 15 | const useStyles = makeStyles()((theme) => ({ |
16 | container: { | 16 | container: { |
17 | maxHeight: '100vh', | 17 | maxHeight: '100vh', |
18 | }, | 18 | }, |
@@ -27,31 +27,31 @@ const useStyles = makeStyles()(theme => ({ | |||
27 | }, | 27 | }, |
28 | })); | 28 | })); |
29 | 29 | ||
30 | export default () => { | 30 | export const App = (): JSX.Element => { |
31 | const { classes, cx } = useStyles(); | 31 | const { classes, cx } = useStyles(); |
32 | 32 | ||
33 | return ( | 33 | return ( |
34 | <Box | 34 | <Box |
35 | display='flex' | 35 | display="flex" |
36 | flexDirection='column' | 36 | flexDirection="column" |
37 | className={cx(classes.container)} | 37 | className={cx(classes.container)} |
38 | > | 38 | > |
39 | <AppBar | 39 | <AppBar |
40 | position='static' | 40 | position="static" |
41 | color='inherit' | 41 | color="inherit" |
42 | > | 42 | > |
43 | <Toolbar> | 43 | <Toolbar> |
44 | <IconButton | 44 | <IconButton |
45 | edge='start' | 45 | edge="start" |
46 | className={cx(classes.menuButton)} | 46 | className={cx(classes.menuButton)} |
47 | color='inherit' | 47 | color="inherit" |
48 | aria-label='menu' | 48 | aria-label="menu" |
49 | > | 49 | > |
50 | <MenuIcon /> | 50 | <MenuIcon /> |
51 | </IconButton> | 51 | </IconButton> |
52 | <Typography | 52 | <Typography |
53 | variant='h6' | 53 | variant="h6" |
54 | component='h1' | 54 | component="h1" |
55 | className={cx(classes.title)} | 55 | className={cx(classes.title)} |
56 | > | 56 | > |
57 | GraphSolver | 57 | GraphSolver |
@@ -59,22 +59,22 @@ export default () => { | |||
59 | </Toolbar> | 59 | </Toolbar> |
60 | </AppBar> | 60 | </AppBar> |
61 | <Box | 61 | <Box |
62 | display='flex' | 62 | display="flex" |
63 | justifyContent='space-between' | 63 | justifyContent="space-between" |
64 | alignItems='center' | 64 | alignItems="center" |
65 | p={1} | 65 | p={1} |
66 | > | 66 | > |
67 | <Box | 67 | <Box |
68 | display='flex' | 68 | display="flex" |
69 | alignItems='center' | 69 | alignItems="center" |
70 | > | 70 | > |
71 | <EditorButtons/> | 71 | <EditorButtons /> |
72 | </Box> | 72 | </Box> |
73 | <Box> | 73 | <Box> |
74 | <Button | 74 | <Button |
75 | variant='outlined' | 75 | variant="outlined" |
76 | color='primary' | 76 | color="primary" |
77 | startIcon={<PlayArrowIcon/>} | 77 | startIcon={<PlayArrowIcon />} |
78 | > | 78 | > |
79 | Generate | 79 | Generate |
80 | </Button> | 80 | </Button> |
@@ -85,7 +85,7 @@ export default () => { | |||
85 | flexShrink={1} | 85 | flexShrink={1} |
86 | className={cx(classes.editorBox)} | 86 | className={cx(classes.editorBox)} |
87 | > | 87 | > |
88 | <Editor/> | 88 | <Editor /> |
89 | </Box> | 89 | </Box> |
90 | </Box> | 90 | </Box> |
91 | ); | 91 | ); |