diff --git a/app/react/edge/edge-devices/WaitingRoomView/Datatable/Datatable.tsx b/app/react/edge/edge-devices/WaitingRoomView/Datatable/Datatable.tsx index d622de079..323ee5be0 100644 --- a/app/react/edge/edge-devices/WaitingRoomView/Datatable/Datatable.tsx +++ b/app/react/edge/edge-devices/WaitingRoomView/Datatable/Datatable.tsx @@ -1,13 +1,18 @@ import { useStore } from 'zustand'; +import { Trash2 } from 'lucide-react'; import { Environment } from '@/react/portainer/environments/types'; import { notifySuccess } from '@/portainer/services/notifications'; +import { useDeleteEnvironmentsMutation } from '@/react/portainer/environments/queries/useDeleteEnvironmentsMutation'; import { Datatable as GenericDatatable } from '@@/datatables'; import { Button } from '@@/buttons'; import { TextTip } from '@@/Tip/TextTip'; import { createPersistedStore } from '@@/datatables/types'; import { useSearchBarState } from '@@/datatables/SearchBar'; +import { confirm } from '@@/modals/confirm'; +import { buildConfirmButton } from '@@/modals/utils'; +import { ModalType } from '@@/modals'; import { useAssociateDeviceMutation, useLicenseOverused } from '../queries'; @@ -21,6 +26,7 @@ const settingsStore = createPersistedStore(storageKey, 'Name'); export function Datatable() { const associateMutation = useAssociateDeviceMutation(); + const removeMutation = useDeleteEnvironmentsMutation(); const licenseOverused = useLicenseOverused(); const settings = useStore(settingsStore); const [search, setSearch] = useSearchBarState(storageKey); @@ -40,6 +46,15 @@ export function Datatable() { emptyContentLabel="No Edge Devices found" renderTableActions={(selectedRows) => ( <> + +