mirror of
https://github.com/blakeblackshear/frigate.git
synced 2025-12-07 14:04:10 +03:00
3609b41217
* semantic trigger test * database and model * config * embeddings maintainer and trigger post-processor * api to create, edit, delete triggers * frontend and i18n keys * use thumbnail and description for trigger types * image picker tweaks * initial sync * thumbnail file management * clean up logs and use saved thumbnail on frontend * publish mqtt messages * webpush changes to enable trigger notifications * add enabled switch * add triggers from explore * renaming and deletion fixes * fix typing * UI updates and add last triggering event time and link * log exception instead of return in endpoint * highlight entry in UI when triggered * save and delete thumbnails directly * remove alert action for now and add descriptions * tweaks * clean up * fix types * docs * docs tweaks * docs * reuse enum
81 lines
2.4 KiB
TypeScript
81 lines
2.4 KiB
TypeScript
import { useTranslation } from "react-i18next";
|
|
import {
|
|
Dialog,
|
|
DialogContent,
|
|
DialogDescription,
|
|
DialogFooter,
|
|
DialogHeader,
|
|
DialogTitle,
|
|
} from "@/components/ui/dialog";
|
|
import { Button } from "@/components/ui/button";
|
|
import { Trans } from "react-i18next";
|
|
import ActivityIndicator from "@/components/indicators/activity-indicator";
|
|
|
|
type DeleteTriggerDialogProps = {
|
|
show: boolean;
|
|
triggerName: string;
|
|
isLoading: boolean;
|
|
onCancel: () => void;
|
|
onDelete: () => void;
|
|
};
|
|
|
|
export default function DeleteTriggerDialog({
|
|
show,
|
|
triggerName,
|
|
isLoading,
|
|
onCancel,
|
|
onDelete,
|
|
}: DeleteTriggerDialogProps) {
|
|
const { t } = useTranslation("views/settings");
|
|
|
|
return (
|
|
<Dialog open={show} onOpenChange={onCancel}>
|
|
<DialogContent className="sm:max-w-[425px]">
|
|
<DialogHeader>
|
|
<DialogTitle>{t("triggers.dialog.deleteTrigger.title")}</DialogTitle>
|
|
<DialogDescription>
|
|
<Trans
|
|
ns={"views/settings"}
|
|
values={{ triggerName }}
|
|
components={{ strong: <span className="font-medium" /> }}
|
|
>
|
|
triggers.dialog.deleteTrigger.desc
|
|
</Trans>
|
|
</DialogDescription>
|
|
</DialogHeader>
|
|
<DialogFooter className="flex gap-3 sm:justify-end">
|
|
<div className="flex flex-1 flex-col justify-end">
|
|
<div className="flex flex-row gap-2 pt-5">
|
|
<Button
|
|
className="flex flex-1"
|
|
aria-label={t("button.cancel", { ns: "common" })}
|
|
onClick={onCancel}
|
|
type="button"
|
|
disabled={isLoading}
|
|
>
|
|
{t("button.cancel", { ns: "common" })}
|
|
</Button>
|
|
<Button
|
|
variant="destructive"
|
|
aria-label={t("button.delete", { ns: "common" })}
|
|
className="flex flex-1 text-white"
|
|
onClick={onDelete}
|
|
disabled={isLoading}
|
|
>
|
|
{isLoading ? (
|
|
<div className="flex flex-row items-center gap-2">
|
|
<ActivityIndicator />
|
|
<span>{t("button.delete", { ns: "common" })}</span>
|
|
</div>
|
|
) : (
|
|
t("button.delete", { ns: "common" })
|
|
)}
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</DialogFooter>
|
|
</DialogContent>
|
|
</Dialog>
|
|
);
|
|
}
|