diff options
Diffstat (limited to 'subprojects/frontend/src/editor/EditorButtons.tsx')
-rw-r--r-- | subprojects/frontend/src/editor/EditorButtons.tsx | 16 |
1 files changed, 13 insertions, 3 deletions
diff --git a/subprojects/frontend/src/editor/EditorButtons.tsx b/subprojects/frontend/src/editor/EditorButtons.tsx index ca51f975..f4513909 100644 --- a/subprojects/frontend/src/editor/EditorButtons.tsx +++ b/subprojects/frontend/src/editor/EditorButtons.tsx | |||
@@ -1,5 +1,5 @@ | |||
1 | /* | 1 | /* |
2 | * SPDX-FileCopyrightText: 2021-2023 The Refinery Authors <https://refinery.tools/> | 2 | * SPDX-FileCopyrightText: 2021-2024 The Refinery Authors <https://refinery.tools/> |
3 | * | 3 | * |
4 | * SPDX-License-Identifier: EPL-2.0 | 4 | * SPDX-License-Identifier: EPL-2.0 |
5 | */ | 5 | */ |
@@ -8,8 +8,9 @@ import type { Diagnostic } from '@codemirror/lint'; | |||
8 | import CancelIcon from '@mui/icons-material/Cancel'; | 8 | import CancelIcon from '@mui/icons-material/Cancel'; |
9 | import CheckIcon from '@mui/icons-material/Check'; | 9 | import CheckIcon from '@mui/icons-material/Check'; |
10 | import FormatListNumberedIcon from '@mui/icons-material/FormatListNumbered'; | 10 | import FormatListNumberedIcon from '@mui/icons-material/FormatListNumbered'; |
11 | import FormatPaint from '@mui/icons-material/FormatPaint'; | 11 | import FormatPaintIcon from '@mui/icons-material/FormatPaint'; |
12 | import InfoOutlinedIcon from '@mui/icons-material/InfoOutlined'; | 12 | import InfoOutlinedIcon from '@mui/icons-material/InfoOutlined'; |
13 | import LooksIcon from '@mui/icons-material/Looks'; | ||
13 | import RedoIcon from '@mui/icons-material/Redo'; | 14 | import RedoIcon from '@mui/icons-material/Redo'; |
14 | import SearchIcon from '@mui/icons-material/Search'; | 15 | import SearchIcon from '@mui/icons-material/Search'; |
15 | import UndoIcon from '@mui/icons-material/Undo'; | 16 | import UndoIcon from '@mui/icons-material/Undo'; |
@@ -72,6 +73,15 @@ export default observer(function EditorButtons({ | |||
72 | <FormatListNumberedIcon fontSize="small" /> | 73 | <FormatListNumberedIcon fontSize="small" /> |
73 | </ToggleButton> | 74 | </ToggleButton> |
74 | <ToggleButton | 75 | <ToggleButton |
76 | selected={editorStore?.colorIdentifiers ?? false} | ||
77 | disabled={editorStore === undefined} | ||
78 | onClick={() => editorStore?.toggleColorIdentifiers()} | ||
79 | aria-label="Color identifiers" | ||
80 | value="color-identifiers" | ||
81 | > | ||
82 | <LooksIcon fontSize="small" /> | ||
83 | </ToggleButton> | ||
84 | <ToggleButton | ||
75 | selected={editorStore?.searchPanel?.state ?? false} | 85 | selected={editorStore?.searchPanel?.state ?? false} |
76 | disabled={editorStore === undefined} | 86 | disabled={editorStore === undefined} |
77 | onClick={() => editorStore?.searchPanel?.toggle()} | 87 | onClick={() => editorStore?.searchPanel?.toggle()} |
@@ -104,7 +114,7 @@ export default observer(function EditorButtons({ | |||
104 | aria-label="Automatic format" | 114 | aria-label="Automatic format" |
105 | color="inherit" | 115 | color="inherit" |
106 | > | 116 | > |
107 | <FormatPaint fontSize="small" /> | 117 | <FormatPaintIcon fontSize="small" /> |
108 | </IconButton> | 118 | </IconButton> |
109 | <ConnectButton editorStore={editorStore} /> | 119 | <ConnectButton editorStore={editorStore} /> |
110 | </Stack> | 120 | </Stack> |