diff --git a/packages/web/components/templates/homeFeed/LibraryHeader.tsx b/packages/web/components/templates/homeFeed/LibraryHeader.tsx index f79e3ba43..3edf6b49f 100644 --- a/packages/web/components/templates/homeFeed/LibraryHeader.tsx +++ b/packages/web/components/templates/homeFeed/LibraryHeader.tsx @@ -29,6 +29,7 @@ import { import { CardCheckbox } from '../../patterns/LibraryCards/LibraryCardStyles' import { Dropdown, DropdownOption } from '../../elements/DropdownElements' import { BulkAction } from '../../../lib/networking/mutations/bulkActionMutation' +import { ConfirmationModal } from '../../patterns/ConfirmationModal' export type MultiSelectMode = 'off' | 'none' | 'some' | 'visible' | 'search' @@ -383,11 +384,7 @@ type ControlButtonBoxProps = { function MultiSelectControlButtonBox( props: ControlButtonBoxProps ): JSX.Element { - const [isChecked, setIsChecked] = useState(false) - - const handleCheckChanged = useCallback(() => { - setIsChecked(!isChecked) - }, [isChecked]) + const [showConfirmDelete, setShowConfirmDelete] = useState(false) return ( @@ -405,7 +402,7 @@ function MultiSelectControlButtonBox( /> Archive - + */} + {showConfirmDelete && ( + { + props.performMultiSelectAction(BulkAction.DELETE) + }} + onOpenChange={(open: boolean) => { + setShowConfirmDelete(false) + }} + /> + )} ) }