diff options
Diffstat (limited to 'language-web/src/main/js/editor/EditorButtons.jsx')
-rw-r--r-- | language-web/src/main/js/editor/EditorButtons.jsx | 5 |
1 files changed, 4 insertions, 1 deletions
diff --git a/language-web/src/main/js/editor/EditorButtons.jsx b/language-web/src/main/js/editor/EditorButtons.jsx index 62f82f29..422c8a6d 100644 --- a/language-web/src/main/js/editor/EditorButtons.jsx +++ b/language-web/src/main/js/editor/EditorButtons.jsx | |||
@@ -8,6 +8,7 @@ import FormatListNumberedIcon from '@material-ui/icons/FormatListNumbered'; | |||
8 | import RedoIcon from '@material-ui/icons/Redo'; | 8 | import RedoIcon from '@material-ui/icons/Redo'; |
9 | import UndoIcon from '@material-ui/icons/Undo'; | 9 | import UndoIcon from '@material-ui/icons/Undo'; |
10 | import ToggleButton from '@material-ui/lab/ToggleButton'; | 10 | import ToggleButton from '@material-ui/lab/ToggleButton'; |
11 | |||
11 | import { useRootStore } from '../RootStore'; | 12 | import { useRootStore } from '../RootStore'; |
12 | 13 | ||
13 | const useStyles = makeStyles(theme => ({ | 14 | const useStyles = makeStyles(theme => ({ |
@@ -40,6 +41,7 @@ export default observer(() => { | |||
40 | disabled={!editorStore.canUndo} | 41 | disabled={!editorStore.canUndo} |
41 | onClick={() => editorStore.undo()} | 42 | onClick={() => editorStore.undo()} |
42 | className={classes.iconButton} | 43 | className={classes.iconButton} |
44 | aria-label='Undo' | ||
43 | > | 45 | > |
44 | <UndoIcon fontSize='small'/> | 46 | <UndoIcon fontSize='small'/> |
45 | </Button> | 47 | </Button> |
@@ -47,6 +49,7 @@ export default observer(() => { | |||
47 | disabled={!editorStore.canRedo} | 49 | disabled={!editorStore.canRedo} |
48 | onClick={() => editorStore.redo()} | 50 | onClick={() => editorStore.redo()} |
49 | className={classes.iconButton} | 51 | className={classes.iconButton} |
52 | aria-label='REdo' | ||
50 | > | 53 | > |
51 | <RedoIcon fontSize='small'/> | 54 | <RedoIcon fontSize='small'/> |
52 | </Button> | 55 | </Button> |
@@ -57,11 +60,11 @@ export default observer(() => { | |||
57 | className={classes.divider} | 60 | className={classes.divider} |
58 | /> | 61 | /> |
59 | <ToggleButton | 62 | <ToggleButton |
60 | value='Show line numbers' | ||
61 | selected={editorStore.showLineNumbers} | 63 | selected={editorStore.showLineNumbers} |
62 | onChange={() => editorStore.toggleLineNumbers()} | 64 | onChange={() => editorStore.toggleLineNumbers()} |
63 | size='small' | 65 | size='small' |
64 | className={classes.flatToggleButton} | 66 | className={classes.flatToggleButton} |
67 | aria-label='Show line numbers' | ||
65 | > | 68 | > |
66 | <FormatListNumberedIcon fontSize='small'/> | 69 | <FormatListNumberedIcon fontSize='small'/> |
67 | </ToggleButton> | 70 | </ToggleButton> |