diff --git a/web/public/locales/en/views/settings.json b/web/public/locales/en/views/settings.json index 6fe5adde3..fc2b5aa7b 100644 --- a/web/public/locales/en/views/settings.json +++ b/web/public/locales/en/views/settings.json @@ -705,6 +705,8 @@ "title": "Content", "imagePlaceholder": "Select an image", "textPlaceholder": "Enter text content", + "imageDesc": "Select an image to trigger this action when a similar image is detected.", + "textDesc": "Enter text to trigger this action when a similar tracked object description is detected.", "error": { "required": "Content is required." } @@ -718,6 +720,7 @@ }, "actions": { "title": "Actions", + "desc": "By default, Frigate fires an MQTT message for all triggers. Choose an additional action to perform when this trigger fires.", "error": { "min": "At least one action must be selected." } diff --git a/web/src/components/overlay/CreateTriggerDialog.tsx b/web/src/components/overlay/CreateTriggerDialog.tsx index 243dd8502..354cf12ad 100644 --- a/web/src/components/overlay/CreateTriggerDialog.tsx +++ b/web/src/components/overlay/CreateTriggerDialog.tsx @@ -15,6 +15,7 @@ import { import { Form, FormControl, + FormDescription, FormField, FormItem, FormLabel, @@ -35,6 +36,7 @@ import { FrigateConfig } from "@/types/frigateConfig"; import ImagePicker from "@/components/overlay/ImagePicker"; import { Trigger, TriggerAction, TriggerType } from "@/types/trigger"; import { Switch } from "@/components/ui/switch"; +import { Textarea } from "../ui/textarea"; type CreateTriggerDialogProps = { show: boolean; @@ -268,24 +270,34 @@ export default function CreateTriggerDialog({ {t("triggers.dialog.form.content.title")} {form.watch("type") === "thumbnail" ? ( - - - + <> + + + + + {t("triggers.dialog.form.content.imageDesc")} + + ) : ( - - - + <> + +