File size: 2,140 Bytes
31e8dae 2125b00 31e8dae |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 |
import { useState, useCallback, useEffect } from 'react'
import Button from '@/components/ui/Button'
import {
Dialog,
DialogContent,
DialogDescription,
DialogHeader,
DialogTitle,
DialogTrigger,
DialogFooter
} from '@/components/ui/Dialog'
import { XIcon, AlertCircleIcon } from 'lucide-react'
import { useTranslation } from 'react-i18next'
interface DeselectDocumentsDialogProps {
selectedCount: number
onDeselect: () => void
}
export default function DeselectDocumentsDialog({ selectedCount, onDeselect }: DeselectDocumentsDialogProps) {
const { t } = useTranslation()
const [open, setOpen] = useState(false)
// Reset state when dialog closes
useEffect(() => {
if (!open) {
// No state to reset for this simple dialog
}
}, [open])
const handleDeselect = useCallback(() => {
onDeselect()
setOpen(false)
}, [onDeselect, setOpen])
return (
<Dialog open={open} onOpenChange={setOpen}>
<DialogTrigger asChild>
<Button
variant="outline"
side="bottom"
tooltip={t('documentPanel.deselectDocuments.tooltip')}
size="sm"
>
<XIcon/> {t('documentPanel.deselectDocuments.button')}
</Button>
</DialogTrigger>
<DialogContent className="sm:max-w-md" onCloseAutoFocus={(e) => e.preventDefault()}>
<DialogHeader>
<DialogTitle className="flex items-center gap-2">
<AlertCircleIcon className="h-5 w-5" />
{t('documentPanel.deselectDocuments.title')}
</DialogTitle>
<DialogDescription className="pt-2">
{t('documentPanel.deselectDocuments.description', { count: selectedCount })}
</DialogDescription>
</DialogHeader>
<DialogFooter>
<Button variant="outline" onClick={() => setOpen(false)}>
{t('common.cancel')}
</Button>
<Button
variant="default"
onClick={handleDeselect}
>
{t('documentPanel.deselectDocuments.confirmButton')}
</Button>
</DialogFooter>
</DialogContent>
</Dialog>
)
}
|