diff options
Diffstat (limited to 'subprojects/frontend/src/WorkArea.tsx')
-rw-r--r-- | subprojects/frontend/src/WorkArea.tsx | 25 |
1 files changed, 25 insertions, 0 deletions
diff --git a/subprojects/frontend/src/WorkArea.tsx b/subprojects/frontend/src/WorkArea.tsx new file mode 100644 index 00000000..a1fbf7dc --- /dev/null +++ b/subprojects/frontend/src/WorkArea.tsx | |||
@@ -0,0 +1,25 @@ | |||
1 | /* | ||
2 | * SPDX-FileCopyrightText: 2021-2023 The Refinery Authors <https://refinery.tools/> | ||
3 | * | ||
4 | * SPDX-License-Identifier: EPL-2.0 | ||
5 | */ | ||
6 | |||
7 | import { observer } from 'mobx-react-lite'; | ||
8 | |||
9 | import DirectionalSplitPane from './DirectionalSplitPane'; | ||
10 | import ModelWorkArea from './ModelWorkArea'; | ||
11 | import { useRootStore } from './RootStoreProvider'; | ||
12 | import EditorPane from './editor/EditorPane'; | ||
13 | |||
14 | export default observer(function WorkArea(): JSX.Element { | ||
15 | const { themeStore } = useRootStore(); | ||
16 | |||
17 | return ( | ||
18 | <DirectionalSplitPane | ||
19 | primary={<EditorPane />} | ||
20 | secondary={<ModelWorkArea />} | ||
21 | primaryOnly={!themeStore.showGraph && !themeStore.showTable} | ||
22 | secondaryOnly={!themeStore.showCode} | ||
23 | /> | ||
24 | ); | ||
25 | }); | ||