mirror of
https://github.com/rustmailer/bichon.git
synced 2026-08-03 07:48:34 +02:00
91 lines
2.7 KiB
TypeScript
91 lines
2.7 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 { cn } from '@/lib/utils'
|
|
import {
|
|
AlertDialog,
|
|
AlertDialogCancel,
|
|
AlertDialogContent,
|
|
AlertDialogDescription,
|
|
AlertDialogFooter,
|
|
AlertDialogHeader,
|
|
AlertDialogTitle,
|
|
} from '@/components/ui/alert-dialog'
|
|
import { Button } from '@/components/ui/button'
|
|
import { useTranslation } from 'react-i18next'
|
|
import { Loader2 } from 'lucide-react'
|
|
|
|
interface ConfirmDialogProps {
|
|
open: boolean
|
|
onOpenChange: (open: boolean) => void
|
|
title: React.ReactNode
|
|
disabled?: boolean
|
|
desc: React.JSX.Element | string
|
|
cancelBtnText?: string
|
|
confirmText?: React.ReactNode
|
|
destructive?: boolean
|
|
handleConfirm: () => void
|
|
isLoading?: boolean
|
|
className?: string
|
|
children?: React.ReactNode
|
|
}
|
|
|
|
export function ConfirmDialog(props: ConfirmDialogProps) {
|
|
const { t } = useTranslation()
|
|
const {
|
|
title,
|
|
desc,
|
|
children,
|
|
className,
|
|
confirmText,
|
|
cancelBtnText,
|
|
destructive,
|
|
isLoading,
|
|
disabled = false,
|
|
handleConfirm,
|
|
...actions
|
|
} = props
|
|
return (
|
|
<AlertDialog {...actions}>
|
|
<AlertDialogContent className={cn(className && className)}>
|
|
<AlertDialogHeader className='text-left'>
|
|
<AlertDialogTitle>{title}</AlertDialogTitle>
|
|
<AlertDialogDescription asChild>
|
|
<div>{desc}</div>
|
|
</AlertDialogDescription>
|
|
</AlertDialogHeader>
|
|
{children}
|
|
<AlertDialogFooter>
|
|
<AlertDialogCancel disabled={isLoading}>
|
|
{cancelBtnText ?? t('common.cancel')}
|
|
</AlertDialogCancel>
|
|
<Button
|
|
variant={destructive ? 'destructive' : 'default'}
|
|
onClick={handleConfirm}
|
|
disabled={disabled || isLoading}
|
|
>
|
|
{isLoading && <Loader2 className="mr-2 h-4 w-4 animate-spin" />}
|
|
{confirmText ?? t('dialogs.continue')}
|
|
</Button>
|
|
</AlertDialogFooter>
|
|
</AlertDialogContent>
|
|
</AlertDialog>
|
|
)
|
|
}
|