From 1a395783b03572f95cd3d492b75a0e4072d2d6f4 Mon Sep 17 00:00:00 2001
From: headlessdev <damian.bergemann@outlook.com>
Date: Tue, 29 Apr 2025 22:40:07 +0200
Subject: [PATCH] Add Echobell notification fields and i18n support in settings

---
 app/dashboard/settings/Settings.tsx | 32 ++++++++++++++++++++++++++++-
 i18n/languages/de.json              |  5 +++++
 i18n/languages/en.json              |  5 +++++
 3 files changed, 41 insertions(+), 1 deletion(-)

diff --git a/app/dashboard/settings/Settings.tsx b/app/dashboard/settings/Settings.tsx
index b3a8e3c..6c8ca22 100644
--- a/app/dashboard/settings/Settings.tsx
+++ b/app/dashboard/settings/Settings.tsx
@@ -22,6 +22,7 @@ import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert"
 import { AlertCircle, Check, Palette, User, Bell, AtSign, Send, MessageSquare, Trash2, Play, Languages } from "lucide-react"
 import { Toaster } from "@/components/ui/sonner"
 import { toast } from "sonner"
+import { Textarea } from "@/components/ui/textarea"
 
 import {
   AlertDialog,
@@ -35,7 +36,6 @@ import {
 } from "@/components/ui/alert-dialog"
 import { Label } from "@/components/ui/label"
 import { Checkbox } from "@/components/ui/checkbox"
-import { Textarea } from "@/components/ui/textarea"
 import { useTranslations } from "next-intl"
 
 interface NotificationsResponse {
@@ -82,6 +82,8 @@ export default function Settings() {
   const [pushoverUrl, setPushoverUrl] = useState<string>("")
   const [pushoverToken, setPushoverToken] = useState<string>("")
   const [pushoverUser, setPushoverUser] = useState<string>("")
+  const [echobellURL, setEchobellURL] = useState<string>("")
+  const [echobellData, setEchobellData] = useState<string>("")
   const [language, setLanguage] = useState<string>("english")
   const [notifications, setNotifications] = useState<any[]>([])
 
@@ -190,6 +192,8 @@ export default function Settings() {
         pushoverUrl: pushoverUrl,
         pushoverToken: pushoverToken,
         pushoverUser: pushoverUser,
+        echobellURL: echobellURL,
+        echobellData: echobellData,
       })
       getNotifications()
     } catch (error: any) {
@@ -514,6 +518,7 @@ export default function Settings() {
                               <SelectItem value="gotify">{t('Settings.Notifications.AddNotification.Gotify.Title')}</SelectItem>
                               <SelectItem value="ntfy">{t('Settings.Notifications.AddNotification.Ntfy.Title')}</SelectItem>
                               <SelectItem value="pushover">{t('Settings.Notifications.AddNotification.Pushover.Title')}</SelectItem>
+                              <SelectItem value="echobell">{t('Settings.Notifications.AddNotification.Echobell.Title')}</SelectItem>
                             </SelectContent>
 
                             {notificationType === "smtp" && (
@@ -685,6 +690,31 @@ export default function Settings() {
                                 </div>
                               </div>
                             )}
+
+                            {notificationType === "echobell" && (
+                              <div className="mt-4 flex flex-col gap-2">
+                                <div className="grid w-full items-center gap-1.5">
+                                  <Label>{t('Settings.Notifications.AddNotification.Echobell.Url')}</Label>
+                                  <Input
+                                    type="text"
+                                    placeholder="e.g. https://hook.echobell.one/t/xxx"
+                                    onChange={(e) => setEchobellURL(e.target.value)}
+                                  />
+                                </div>
+                                <div className="grid w-full items-center gap-1.5">
+                                  <Label>{t('Settings.Notifications.AddNotification.Echobell.Data')}</Label>
+                                  <Textarea
+                                    placeholder={`e.g.:
+"title": "Server Status",
+"message": "Server is online"
+`}
+                                    onChange={(e: React.ChangeEvent<HTMLTextAreaElement>) => setEchobellData(e.target.value)}
+                                    rows={4}
+                                  />
+                                </div>
+                              </div>
+                            )}
+                            
                           </Select>
                         </div>
                       </AlertDialogDescription>
diff --git a/i18n/languages/de.json b/i18n/languages/de.json
index 65e1185..e92c6a1 100644
--- a/i18n/languages/de.json
+++ b/i18n/languages/de.json
@@ -381,6 +381,11 @@
             "Url": "Pushover-URL",
             "Token": "Pushover-Token",
             "User": "Pushover-Benutzer"
+          },
+          "Echobell": {
+            "Title": "Echobell",
+            "Url": "Echobell-URL",
+            "Data": "Echobell-Data"
           }
         },
         "CustomizeText": {
diff --git a/i18n/languages/en.json b/i18n/languages/en.json
index 9d18d63..31d5c26 100644
--- a/i18n/languages/en.json
+++ b/i18n/languages/en.json
@@ -381,6 +381,11 @@
             "Url": "Pushover URL",
             "Token": "Pushover Token",
             "User": "Pushover User"
+          },
+          "Echobell": {
+            "Title": "Echobell",
+            "Url": "Echobell URL",
+            "Data": "Echobell Data"
           }
         },
         "CustomizeText": {