mirror of https://github.com/portainer/portainer
47 lines
1.2 KiB
TypeScript
47 lines
1.2 KiB
TypeScript
import { Datatable as GenericDatatable } from '@@/datatables';
|
|
import { createPersistedStore } from '@@/datatables/types';
|
|
import { useTableState } from '@@/datatables/useTableState';
|
|
|
|
import { columns } from './columns';
|
|
import { Filter } from './Filter';
|
|
import { TableActions } from './TableActions';
|
|
import { useEnvironments } from './useEnvironments';
|
|
|
|
const storageKey = 'edge-devices-waiting-room';
|
|
|
|
const settingsStore = createPersistedStore(storageKey, 'name');
|
|
|
|
export function Datatable() {
|
|
const tableState = useTableState(settingsStore, storageKey);
|
|
const {
|
|
data: environments,
|
|
totalCount,
|
|
isLoading,
|
|
page,
|
|
setPage,
|
|
} = useEnvironments({
|
|
pageLimit: tableState.pageSize,
|
|
search: tableState.search,
|
|
sortBy: tableState.sortBy,
|
|
});
|
|
|
|
return (
|
|
<GenericDatatable
|
|
settingsManager={tableState}
|
|
columns={columns}
|
|
dataset={environments}
|
|
title="Edge Devices Waiting Room"
|
|
emptyContentLabel="No Edge Devices found"
|
|
renderTableActions={(selectedRows) => (
|
|
<TableActions selectedRows={selectedRows} />
|
|
)}
|
|
isLoading={isLoading}
|
|
isServerSidePagination
|
|
page={page}
|
|
onPageChange={setPage}
|
|
totalCount={totalCount}
|
|
description={<Filter />}
|
|
/>
|
|
);
|
|
}
|