File size: 1,316 Bytes
a8aec61 |
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 |
import { type FC } from 'react'
import { Button } from '@/components/ui/button'
import {
Dialog,
DialogContent,
DialogDescription,
DialogFooter,
DialogHeader,
DialogTitle
} from '@/components/ui/dialog'
interface DeleteSessionModalProps {
isOpen: boolean
onClose: () => void
onDelete: () => Promise<void>
isDeleting: boolean
}
const DeleteSessionModal: FC<DeleteSessionModalProps> = ({
isOpen,
onClose,
onDelete,
isDeleting
}) => (
<Dialog open={isOpen} onOpenChange={onClose}>
<DialogContent className="font-geist">
<DialogHeader>
<DialogTitle>Confirm deletion</DialogTitle>
<DialogDescription>
This will permanently delete the session. This action cannot be
undone.
</DialogDescription>
</DialogHeader>
<DialogFooter>
<Button
variant="outline"
className="rounded-xl border-border font-geist"
onClick={onClose}
disabled={isDeleting}
>
CANCEL
</Button>
<Button
variant="destructive"
onClick={onDelete}
disabled={isDeleting}
className="rounded-xl font-geist"
>
DELETE
</Button>
</DialogFooter>
</DialogContent>
</Dialog>
)
export default DeleteSessionModal
|