mirror of
https://github.com/rustmailer/bichon.git
synced 2026-08-03 07:48:34 +02:00
116 lines
3.6 KiB
TypeScript
116 lines
3.6 KiB
TypeScript
//
|
|
// Copyright (c) 2025-2026 rustmailer.com (https://rustmailer.com)
|
|
//
|
|
// This file is part of the Bichon Email Archiving Project
|
|
//
|
|
// This program is free software: you can redistribute it and/or modify
|
|
// it under the terms of the GNU Affero General Public License as published by
|
|
// the Free Software Foundation, either version 3 of the License, or
|
|
// (at your option) any later version.
|
|
//
|
|
// This program is distributed in the hope that it will be useful,
|
|
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
// GNU Affero General Public License for more details.
|
|
//
|
|
// You should have received a copy of the GNU Affero General Public License
|
|
// along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
|
|
import { IconAlertTriangle } from '@tabler/icons-react'
|
|
import { toast } from '@/hooks/use-toast'
|
|
import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert'
|
|
import { ConfirmDialog } from '@/components/confirm-dialog'
|
|
import { useMutation, useQueryClient } from '@tanstack/react-query'
|
|
import { delete_messages } from '@/api/mailbox/envelope/api'
|
|
import { useSearchContext } from './context'
|
|
import { mapToRecordOfArrays } from '@/lib/utils'
|
|
import { useTranslation } from 'react-i18next'
|
|
|
|
interface Props {
|
|
open: boolean
|
|
onOpenChange: (open: boolean) => void
|
|
}
|
|
|
|
export function EnvelopeDeleteDialog({ open, onOpenChange }: Props) {
|
|
const queryClient = useQueryClient()
|
|
const { toDelete, setToDelete, setSelected } = useSearchContext()
|
|
const { t } = useTranslation()
|
|
|
|
const deleteMutation = useMutation({
|
|
mutationFn: ({ payload }: { payload: Record<number, string[]> }) =>
|
|
delete_messages(payload),
|
|
retry: false,
|
|
onSuccess: () => {
|
|
queryClient.invalidateQueries({ queryKey: ['search-messages'], exact: false })
|
|
queryClient.invalidateQueries({ queryKey: ['all-tags'] })
|
|
onOpenChange(false)
|
|
setToDelete(new Map())
|
|
setSelected(new Map())
|
|
toast({
|
|
title: t('search.delete.successTitle'),
|
|
description: t('search.delete.successDesc'),
|
|
})
|
|
},
|
|
onError: (error: any) => {
|
|
toast({
|
|
title: t('search.delete.errorTitle'),
|
|
description: `${error.message}`,
|
|
variant: 'destructive',
|
|
})
|
|
},
|
|
})
|
|
|
|
const handleDelete = () => {
|
|
const payload = mapToRecordOfArrays(toDelete)
|
|
deleteMutation.mutate({ payload })
|
|
}
|
|
|
|
const isLoading = deleteMutation.isPending
|
|
|
|
const emailCount = Array.from(toDelete.values()).reduce(
|
|
(sum, set) => sum + set.size,
|
|
0
|
|
)
|
|
|
|
return (
|
|
<ConfirmDialog
|
|
open={open}
|
|
onOpenChange={onOpenChange}
|
|
handleConfirm={handleDelete}
|
|
className="max-w-xl"
|
|
isLoading={isLoading}
|
|
destructive
|
|
title={
|
|
<span className="text-destructive">
|
|
<IconAlertTriangle
|
|
className="mr-1 inline-block stroke-destructive"
|
|
size={18}
|
|
/>{' '}
|
|
{t('search.delete.title')}
|
|
</span>
|
|
}
|
|
desc={
|
|
<div className="space-y-4">
|
|
<p className="mb-2">
|
|
{t('search.delete.confirmPrefix')}{' '}
|
|
<span className="font-bold">
|
|
{t('search.delete.countLabel', { count: emailCount })}
|
|
</span>
|
|
?
|
|
<br />
|
|
{t('search.delete.confirmDetail')}
|
|
</p>
|
|
|
|
<Alert variant="destructive">
|
|
<AlertTitle>{t('search.delete.warningTitle')}</AlertTitle>
|
|
<AlertDescription>
|
|
{t('search.delete.warningDesc')}
|
|
</AlertDescription>
|
|
</Alert>
|
|
</div>
|
|
}
|
|
confirmText={t('search.delete.confirmButton')}
|
|
/>
|
|
)
|
|
}
|