subprojects/frontend/src/WorkArea.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

/*
 * SPDX-FileCopyrightText: 2021-2023 The Refinery Authors <https://refinery.tools/>
 *
 * SPDX-License-Identifier: EPL-2.0
 */

import { observer } from 'mobx-react-lite';

import DirectionalSplitPane from './DirectionalSplitPane';
import ModelWorkArea from './ModelWorkArea';
import { useRootStore } from './RootStoreProvider';
import EditorPane from './editor/EditorPane';

export default observer(function WorkArea(): JSX.Element {
  const { themeStore } = useRootStore();

  return (
    <DirectionalSplitPane
      primary={<EditorPane />}
      secondary={<ModelWorkArea />}
      primaryOnly={!themeStore.showGraph && !themeStore.showTable}
      secondaryOnly={!themeStore.showCode}
    />
  );
});