gitscope
/
← marzneshin / dashboard/src/components/delete-confirmation-dialog/index.tsx / blame
Files Commits 446 Branches 1 Tags 43 Markers 4 README License
https://dev.kronoz.win/r/marzneshin.git
dashboard/src/components/delete-confirmation-dialog/index.tsx · v0.3.0-alpha
Source
1 b15ff05 Mrdn 2y ago
2 b15ff05 Mrdn 2y ago import {
3 b15ff05 Mrdn 2y ago AlertDialog,
4 b15ff05 Mrdn 2y ago AlertDialogAction,
5 b15ff05 Mrdn 2y ago AlertDialogCancel,
6 b15ff05 Mrdn 2y ago AlertDialogContent,
7 b15ff05 Mrdn 2y ago AlertDialogDescription,
8 b15ff05 Mrdn 2y ago AlertDialogFooter,
9 b15ff05 Mrdn 2y ago AlertDialogHeader,
10 b15ff05 Mrdn 2y ago AlertDialogTitle,
11 b15ff05 Mrdn 2y ago } from "@marzneshin/components"
12 b15ff05 Mrdn 2y ago import { ExclamationTriangleIcon } from "@radix-ui/react-icons"
13 b15ff05 Mrdn 2y ago import { FC } from "react"
14 b15ff05 Mrdn 2y ago import { useTranslation } from "react-i18next"
15 b15ff05 Mrdn 2y ago
16 b15ff05 Mrdn 2y ago interface DeleteConfirmationProps {
17 b15ff05 Mrdn 2y ago action: () => void
18 b15ff05 Mrdn 2y ago onOpenChange: (open: boolean) => void
19 b15ff05 Mrdn 2y ago open: boolean
20 b15ff05 Mrdn 2y ago }
21 b15ff05 Mrdn 2y ago
22 b15ff05 Mrdn 2y ago export const DeleteConfirmation: FC<DeleteConfirmationProps> = ({ action, open, onOpenChange }) => {
23 b15ff05 Mrdn 2y ago const { t } = useTranslation();
24 b15ff05 Mrdn 2y ago return (
25 b15ff05 Mrdn 2y ago <AlertDialog open={open} onOpenChange={onOpenChange}>
26 b15ff05 Mrdn 2y ago <AlertDialogContent>
27 b15ff05 Mrdn 2y ago <AlertDialogHeader >
28 b15ff05 Mrdn 2y ago <AlertDialogTitle className="flex flex-row gap-3 items-center text-destructive">
29 b15ff05 Mrdn 2y ago <ExclamationTriangleIcon className="p-2 w-10 h-10 bg-red-200 rounded-md border-2 border-destructive" />
30 b15ff05 Mrdn 2y ago {t('delete-confirmation.title')}
31 b15ff05 Mrdn 2y ago </AlertDialogTitle>
32 b15ff05 Mrdn 2y ago <AlertDialogDescription>
33 b15ff05 Mrdn 2y ago {t('delete-confirmation.desc')}
34 b15ff05 Mrdn 2y ago </AlertDialogDescription>
35 b15ff05 Mrdn 2y ago </AlertDialogHeader>
36 b15ff05 Mrdn 2y ago <AlertDialogFooter>
37 b15ff05 Mrdn 2y ago <AlertDialogCancel>{t('cancel')}</AlertDialogCancel>
38 b15ff05 Mrdn 2y ago <AlertDialogAction onClick={action} className="bg-destructive">{t('delete')}</AlertDialogAction>
39 b15ff05 Mrdn 2y ago </AlertDialogFooter>
40 b15ff05 Mrdn 2y ago </AlertDialogContent>
41 b15ff05 Mrdn 2y ago </AlertDialog>
42 b15ff05 Mrdn 2y ago )
43 b15ff05 Mrdn 2y ago }