diff options
Diffstat (limited to 'subprojects/frontend/src/table/TableToolbar.tsx')
-rw-r--r-- | subprojects/frontend/src/table/TableToolbar.tsx | 41 |
1 files changed, 41 insertions, 0 deletions
diff --git a/subprojects/frontend/src/table/TableToolbar.tsx b/subprojects/frontend/src/table/TableToolbar.tsx new file mode 100644 index 00000000..b14e73c5 --- /dev/null +++ b/subprojects/frontend/src/table/TableToolbar.tsx | |||
@@ -0,0 +1,41 @@ | |||
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 { | ||
9 | GridToolbarColumnsButton, | ||
10 | GridToolbarContainer, | ||
11 | GridToolbarExport, | ||
12 | GridToolbarFilterButton, | ||
13 | } from '@mui/x-data-grid'; | ||
14 | |||
15 | import type GraphStore from '../graph/GraphStore'; | ||
16 | |||
17 | import SymbolSelector from './SymbolSelector'; | ||
18 | |||
19 | export default function TableToolbar({ | ||
20 | graph, | ||
21 | }: { | ||
22 | graph: GraphStore; | ||
23 | }): JSX.Element { | ||
24 | return ( | ||
25 | <GridToolbarContainer | ||
26 | sx={{ | ||
27 | display: 'flex', | ||
28 | flexDirection: 'row', | ||
29 | flexWrap: 'wrap-reverse', | ||
30 | justifyContent: 'space-between', | ||
31 | }} | ||
32 | > | ||
33 | <Stack direction="row" flexWrap="wrap"> | ||
34 | <GridToolbarColumnsButton /> | ||
35 | <GridToolbarFilterButton /> | ||
36 | <GridToolbarExport /> | ||
37 | </Stack> | ||
38 | <SymbolSelector graph={graph} /> | ||
39 | </GridToolbarContainer> | ||
40 | ); | ||
41 | } | ||