diff options
author | 2022-12-03 03:34:31 +0100 | |
---|---|---|
committer | 2022-12-09 00:07:39 +0100 | |
commit | d02125201f39a0620aedab9f350cff84fca22bd3 (patch) | |
tree | 1b2c829323572782ebc792837a4307d72f2e46bf /subprojects/frontend/src/editor/EditorPane.tsx | |
parent | refactor(frontend): scrollbar improvements (diff) | |
download | refinery-d02125201f39a0620aedab9f350cff84fca22bd3.tar.gz refinery-d02125201f39a0620aedab9f350cff84fca22bd3.tar.zst refinery-d02125201f39a0620aedab9f350cff84fca22bd3.zip |
refactor(frontend): theme improvements
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 ? ( |