diff options
author | 2023-08-30 19:07:05 +0200 | |
---|---|---|
committer | 2023-08-30 19:07:05 +0200 | |
commit | e41e0391ba843b85a5b2890db95121fa39426a05 (patch) | |
tree | 4927c919cf3077ba9abb2cf31155de4d227b3119 /subprojects/frontend/src/table | |
parent | refactor(frontend): filter dialog formatting (diff) | |
download | refinery-e41e0391ba843b85a5b2890db95121fa39426a05.tar.gz refinery-e41e0391ba843b85a5b2890db95121fa39426a05.tar.zst refinery-e41e0391ba843b85a5b2890db95121fa39426a05.zip |
feat(frontend): window pane switcher
Diffstat (limited to 'subprojects/frontend/src/table')
-rw-r--r-- | subprojects/frontend/src/table/TableArea.tsx | 9 | ||||
-rw-r--r-- | subprojects/frontend/src/table/TablePane.tsx | 28 |
2 files changed, 37 insertions, 0 deletions
diff --git a/subprojects/frontend/src/table/TableArea.tsx b/subprojects/frontend/src/table/TableArea.tsx new file mode 100644 index 00000000..b4c6d4ce --- /dev/null +++ b/subprojects/frontend/src/table/TableArea.tsx | |||
@@ -0,0 +1,9 @@ | |||
1 | /* | ||
2 | * SPDX-FileCopyrightText: 2021-2023 The Refinery Authors <https://refinery.tools/> | ||
3 | * | ||
4 | * SPDX-License-Identifier: EPL-2.0 | ||
5 | */ | ||
6 | |||
7 | export default function TablePane(): JSX.Element { | ||
8 | return <div>Table</div>; | ||
9 | } | ||
diff --git a/subprojects/frontend/src/table/TablePane.tsx b/subprojects/frontend/src/table/TablePane.tsx new file mode 100644 index 00000000..01f6ac53 --- /dev/null +++ b/subprojects/frontend/src/table/TablePane.tsx | |||
@@ -0,0 +1,28 @@ | |||
1 | /* | ||
2 | * SPDX-FileCopyrightText: 2021-2023 The Refinery Authors <https://refinery.tools/> | ||
3 | * | ||
4 | * SPDX-License-Identifier: EPL-2.0 | ||
5 | */ | ||
6 | |||
7 | import Stack from '@mui/material/Stack'; | ||
8 | import { Suspense, lazy } from 'react'; | ||
9 | |||
10 | import Loading from '../Loading'; | ||
11 | |||
12 | const TableArea = lazy(() => import('./TableArea')); | ||
13 | |||
14 | export default function TablePane(): JSX.Element { | ||
15 | return ( | ||
16 | <Stack | ||
17 | direction="column" | ||
18 | height="100%" | ||
19 | overflow="auto" | ||
20 | alignItems="center" | ||
21 | justifyContent="center" | ||
22 | > | ||
23 | <Suspense fallback={<Loading />}> | ||
24 | <TableArea /> | ||
25 | </Suspense> | ||
26 | </Stack> | ||
27 | ); | ||
28 | } | ||