diff --git a/application/public/upload/notification/discord.png b/application/public/upload/notification/discord.png new file mode 100644 index 0000000..cb1b9bd Binary files /dev/null and b/application/public/upload/notification/discord.png differ diff --git a/application/public/upload/notification/email.png b/application/public/upload/notification/email.png new file mode 100644 index 0000000..7b81629 Binary files /dev/null and b/application/public/upload/notification/email.png differ diff --git a/application/public/upload/notification/google.png b/application/public/upload/notification/google.png new file mode 100644 index 0000000..d4587ab Binary files /dev/null and b/application/public/upload/notification/google.png differ diff --git a/application/public/upload/notification/signal.png b/application/public/upload/notification/signal.png new file mode 100644 index 0000000..ce4e34c Binary files /dev/null and b/application/public/upload/notification/signal.png differ diff --git a/application/public/upload/notification/slack.png b/application/public/upload/notification/slack.png new file mode 100644 index 0000000..61f9b2e Binary files /dev/null and b/application/public/upload/notification/slack.png differ diff --git a/application/public/upload/notification/telegram.png b/application/public/upload/notification/telegram.png new file mode 100644 index 0000000..083d088 Binary files /dev/null and b/application/public/upload/notification/telegram.png differ diff --git a/application/public/upload/notification/webhook.png b/application/public/upload/notification/webhook.png new file mode 100644 index 0000000..b69edea Binary files /dev/null and b/application/public/upload/notification/webhook.png differ diff --git a/application/src/components/settings/notification-settings/NotificationChannelDialog.tsx b/application/src/components/settings/notification-settings/NotificationChannelDialog.tsx index 367521c..ef0469a 100644 --- a/application/src/components/settings/notification-settings/NotificationChannelDialog.tsx +++ b/application/src/components/settings/notification-settings/NotificationChannelDialog.tsx @@ -102,13 +102,48 @@ const formSchema = z.discriminatedUnion("notification_type", [ type FormValues = z.infer; const notificationTypeOptions = [ - { value: "telegram", label: "Telegram", description: "Send notifications via Telegram bot" }, - { value: "discord", label: "Discord", description: "Send notifications to Discord webhook" }, - { value: "slack", label: "Slack", description: "Send notifications to Slack webhook" }, - { value: "signal", label: "Signal", description: "Send notifications via Signal" }, - { value: "google_chat", label: "Google Chat", description: "Send notifications to Google Chat webhook" }, - { value: "email", label: "Email", description: "Send notifications via email" }, - { value: "webhook", label: "Webhook", description: "Send notifications to custom webhook" }, + { + value: "telegram", + label: "Telegram", + description: "Send notifications via Telegram bot", + icon: "/upload/notification/telegram.png" + }, + { + value: "discord", + label: "Discord", + description: "Send notifications to Discord webhook", + icon: "/upload/notification/discord.png" + }, + { + value: "slack", + label: "Slack", + description: "Send notifications to Slack webhook", + icon: "/upload/notification/slack.png" + }, + { + value: "signal", + label: "Signal", + description: "Send notifications via Signal", + icon: "/upload/notification/signal.png" + }, + { + value: "google_chat", + label: "Google Chat", + description: "Send notifications to Google Chat webhook", + icon: "/upload/notification/google.png" + }, + { + value: "email", + label: "Email", + description: "Send notifications via email", + icon: "/upload/notification/email.png" + }, + { + value: "webhook", + label: "Webhook", + description: "Send notifications to custom webhook", + icon: "/upload/notification/webhook.png" + }, ]; const webhookPayloadTemplates = { @@ -310,9 +345,16 @@ export const NotificationChannelDialog = ({ {notificationTypeOptions.map((option) => ( -
- {option.label} - {option.description} +
+ {`${option.label} +
+ {option.label} + {option.description} +
))}