From 5e9f83696d20684a0e2a81cb62a79a04b2e6f7f8 Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Thu, 3 Jul 2025 16:42:20 -0500
Subject: [PATCH] remove alert action for now and add descriptions

---
 web/public/locales/en/views/settings.json     |  3 ++
 .../overlay/CreateTriggerDialog.tsx           | 49 ++++++++++++-------
 2 files changed, 35 insertions(+), 17 deletions(-)

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")}
                   </FormLabel>
                   {form.watch("type") === "thumbnail" ? (
-                    <FormControl>
-                      <ImagePicker
-                        selectedImageId={field.value}
-                        setSelectedImageId={field.onChange}
-                        camera={selectedCamera}
-                      />
-                    </FormControl>
+                    <>
+                      <FormControl>
+                        <ImagePicker
+                          selectedImageId={field.value}
+                          setSelectedImageId={field.onChange}
+                          camera={selectedCamera}
+                        />
+                      </FormControl>
+                      <FormDescription>
+                        {t("triggers.dialog.form.content.imageDesc")}
+                      </FormDescription>
+                    </>
                   ) : (
-                    <FormControl>
-                      <Input
-                        placeholder={t(
-                          "triggers.dialog.form.content.textPlaceholder",
-                        )}
-                        className="h-10"
-                        {...field}
-                      />
-                    </FormControl>
+                    <>
+                      <FormControl>
+                        <Textarea
+                          placeholder={t(
+                            "triggers.dialog.form.content.textPlaceholder",
+                          )}
+                          {...field}
+                        />
+                      </FormControl>
+                      <FormDescription>
+                        {t("triggers.dialog.form.content.textDesc")}
+                      </FormDescription>
+                    </>
                   )}
+
                   <FormMessage />
                 </FormItem>
               )}
@@ -328,7 +340,7 @@ export default function CreateTriggerDialog({
                     {t("triggers.dialog.form.actions.title")}
                   </FormLabel>
                   <div className="space-y-2">
-                    {["alert", "notification"].map((action) => (
+                    {["notification"].map((action) => (
                       <div key={action} className="flex items-center space-x-2">
                         <FormControl>
                           <Checkbox
@@ -357,6 +369,9 @@ export default function CreateTriggerDialog({
                       </div>
                     ))}
                   </div>
+                  <FormDescription>
+                    {t("triggers.dialog.form.actions.desc")}
+                  </FormDescription>
                   <FormMessage />
                 </FormItem>
               )}