aboutsummaryrefslogtreecommitdiffstats
path: root/subprojects/frontend/src/editor/EditorPane.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'subprojects/frontend/src/editor/EditorPane.tsx')
-rw-r--r--subprojects/frontend/src/editor/EditorPane.tsx6
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';
2import Skeleton from '@mui/material/Skeleton'; 2import Skeleton from '@mui/material/Skeleton';
3import Stack from '@mui/material/Stack'; 3import Stack from '@mui/material/Stack';
4import Toolbar from '@mui/material/Toolbar'; 4import Toolbar from '@mui/material/Toolbar';
5import { useTheme } from '@mui/material/styles';
6import useMediaQuery from '@mui/material/useMediaQuery';
7import { observer } from 'mobx-react-lite'; 5import { observer } from 'mobx-react-lite';
8import { useState } from 'react'; 6import { useState } from 'react';
9 7
@@ -12,7 +10,6 @@ import { useRootStore } from '../RootStoreProvider';
12import ConnectionStatusNotification from './ConnectionStatusNotification'; 10import ConnectionStatusNotification from './ConnectionStatusNotification';
13import EditorArea from './EditorArea'; 11import EditorArea from './EditorArea';
14import EditorButtons from './EditorButtons'; 12import EditorButtons from './EditorButtons';
15import GenerateButton from './GenerateButton';
16import SearchPanelPortal from './SearchPanelPortal'; 13import SearchPanelPortal from './SearchPanelPortal';
17 14
18function EditorLoading(): JSX.Element { 15function EditorLoading(): JSX.Element {
@@ -34,14 +31,11 @@ function EditorLoading(): JSX.Element {
34 31
35export default observer(function EditorPane(): JSX.Element { 32export 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 ? (