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.4.0
Source
1 b15ff05 Mrdn 2y ago import {
2 b15ff05 Mrdn 2y ago AlertDialog,
3 b15ff05 Mrdn 2y ago AlertDialogAction,
4 b15ff05 Mrdn 2y ago AlertDialogCancel,
5 b15ff05 Mrdn 2y ago AlertDialogContent,
6 b15ff05 Mrdn 2y ago AlertDialogDescription,
7 b15ff05 Mrdn 2y ago AlertDialogFooter,
8 b15ff05 Mrdn 2y ago AlertDialogHeader,
9 b15ff05 Mrdn 2y ago AlertDialogTitle,
10 03b3dbc Mardin 2y ago } from "@marzneshin/components";
11 03b3dbc Mardin 2y ago import { ExclamationTriangleIcon } from "@radix-ui/react-icons";
12 03b3dbc Mardin 2y ago import { FC } from "react";
13 03b3dbc Mardin 2y ago import { useTranslation } from "react-i18next";
14 b15ff05 Mrdn 2y ago
15 b15ff05 Mrdn 2y ago interface DeleteConfirmationProps {
16 03b3dbc Mardin 2y ago action: () => void;
17 03b3dbc Mardin 2y ago onOpenChange: (open: boolean) => void;
18 03b3dbc Mardin 2y ago open: boolean;
19 b15ff05 Mrdn 2y ago }
20 b15ff05 Mrdn 2y ago
21 03b3dbc Mardin 2y ago export const DeleteConfirmation: FC<DeleteConfirmationProps> = ({
22 03b3dbc Mardin 2y ago action,
23 03b3dbc Mardin 2y ago open,
24 03b3dbc Mardin 2y ago onOpenChange,
25 03b3dbc Mardin 2y ago }) => {
26 b15ff05 Mrdn 2y ago const { t } = useTranslation();
27 b15ff05 Mrdn 2y ago return (
28 b15ff05 Mrdn 2y ago <AlertDialog open={open} onOpenChange={onOpenChange}>
29 b15ff05 Mrdn 2y ago <AlertDialogContent>
30 03b3dbc Mardin 2y ago <AlertDialogHeader>
31 b15ff05 Mrdn 2y ago <AlertDialogTitle className="flex flex-row gap-3 items-center text-destructive">
32 b15ff05 Mrdn 2y ago <ExclamationTriangleIcon className="p-2 w-10 h-10 bg-red-200 rounded-md border-2 border-destructive" />
33 03b3dbc Mardin 2y ago {t("delete-confirmation.title")}
34 b15ff05 Mrdn 2y ago </AlertDialogTitle>
35 b15ff05 Mrdn 2y ago <AlertDialogDescription>
36 03b3dbc Mardin 2y ago {t("delete-confirmation.desc")}
37 b15ff05 Mrdn 2y ago </AlertDialogDescription>
38 b15ff05 Mrdn 2y ago </AlertDialogHeader>
39 b15ff05 Mrdn 2y ago <AlertDialogFooter>
40 03b3dbc Mardin 2y ago <AlertDialogCancel>{t("cancel")}</AlertDialogCancel>
41 03b3dbc Mardin 2y ago <AlertDialogAction onClick={action} className="bg-destructive">
42 03b3dbc Mardin 2y ago {t("delete")}
43 03b3dbc Mardin 2y ago </AlertDialogAction>
44 b15ff05 Mrdn 2y ago </AlertDialogFooter>
45 b15ff05 Mrdn 2y ago </AlertDialogContent>
46 b15ff05 Mrdn 2y ago </AlertDialog>
47 03b3dbc Mardin 2y ago );
48 03b3dbc Mardin 2y ago };