BulkDeleteModal

BulkDeleteModal(__namedParameters): Element

Defined in: packages/react/src/components/ui/data-table/DeleteManyModal.tsx:52

Confirmation modal for bulk delete actions.

Shows count of items to be deleted and warns user that action cannot be undone. Parent component is responsible for calling the remove mutation.

Parameters

__namedParameters

BulkDeleteModalProps

Returns

Element

Example

const removeMutation = useMutation(convexMutation(anyApi.vex.remove));

const handleBulkDelete = async () => {
  await removeMutation.mutateAsync({ ids: selection.selectedIds });
  selection.clearSelection();
};

<BulkDeleteModal
  open={deleteModalOpen}
  onOpenChange={setDeleteModalOpen}
  selectedCount={selection.selectedIds.length}
  onConfirm={handleBulkDelete}
  isDeleting={removeMutation.isPending}
  entityName="posts"
/>