diff options
Diffstat (limited to 'subprojects/frontend/src/editor/EditorPane.tsx')
-rw-r--r-- | subprojects/frontend/src/editor/EditorPane.tsx | 6 |
1 files changed, 0 insertions, 6 deletions
diff --git a/subprojects/frontend/src/editor/EditorPane.tsx b/subprojects/frontend/src/editor/EditorPane.tsx index 1d51b3f5..f7f8241a 100644 --- a/subprojects/frontend/src/editor/EditorPane.tsx +++ b/subprojects/frontend/src/editor/EditorPane.tsx | |||
@@ -2,8 +2,6 @@ import Box from '@mui/material/Box'; | |||
2 | import Skeleton from '@mui/material/Skeleton'; | 2 | import Skeleton from '@mui/material/Skeleton'; |
3 | import Stack from '@mui/material/Stack'; | 3 | import Stack from '@mui/material/Stack'; |
4 | import Toolbar from '@mui/material/Toolbar'; | 4 | import Toolbar from '@mui/material/Toolbar'; |
5 | import { useTheme } from '@mui/material/styles'; | ||
6 | import useMediaQuery from '@mui/material/useMediaQuery'; | ||
7 | import { observer } from 'mobx-react-lite'; | 5 | import { observer } from 'mobx-react-lite'; |
8 | import { useState } from 'react'; | 6 | import { useState } from 'react'; |
9 | 7 | ||
@@ -12,7 +10,6 @@ import { useRootStore } from '../RootStoreProvider'; | |||
12 | import ConnectionStatusNotification from './ConnectionStatusNotification'; | 10 | import ConnectionStatusNotification from './ConnectionStatusNotification'; |
13 | import EditorArea from './EditorArea'; | 11 | import EditorArea from './EditorArea'; |
14 | import EditorButtons from './EditorButtons'; | 12 | import EditorButtons from './EditorButtons'; |
15 | import GenerateButton from './GenerateButton'; | ||
16 | import SearchPanelPortal from './SearchPanelPortal'; | 13 | import SearchPanelPortal from './SearchPanelPortal'; |
17 | 14 | ||
18 | function EditorLoading(): JSX.Element { | 15 | function EditorLoading(): JSX.Element { |
@@ -34,14 +31,11 @@ function EditorLoading(): JSX.Element { | |||
34 | 31 | ||
35 | export default observer(function EditorPane(): JSX.Element { | 32 | export default observer(function EditorPane(): JSX.Element { |
36 | const { editorStore } = useRootStore(); | 33 | const { editorStore } = useRootStore(); |
37 | const { breakpoints } = useTheme(); | ||
38 | const showGenerateButton = useMediaQuery(breakpoints.up('sm')); | ||
39 | 34 | ||
40 | return ( | 35 | return ( |
41 | <Stack direction="column" flexGrow={1} flexShrink={1} overflow="auto"> | 36 | <Stack direction="column" flexGrow={1} flexShrink={1} overflow="auto"> |
42 | <Toolbar variant="dense"> | 37 | <Toolbar variant="dense"> |
43 | <EditorButtons editorStore={editorStore} /> | 38 | <EditorButtons editorStore={editorStore} /> |
44 | {showGenerateButton && <GenerateButton editorStore={editorStore} />} | ||
45 | </Toolbar> | 39 | </Toolbar> |
46 | <Box display="flex" flexGrow={1} flexShrink={1} overflow="auto"> | 40 | <Box display="flex" flexGrow={1} flexShrink={1} overflow="auto"> |
47 | {editorStore === undefined ? ( | 41 | {editorStore === undefined ? ( |