From 607a303b7776a765b341e9ed9f092748787c510d Mon Sep 17 00:00:00 2001
From: rcourtman <courtmanr@gmail.com>
Date: Sun, 11 Jan 2026 16:43:57 +0000
Subject: [PATCH] fix(frontend): add Mattermost to webhook service type
 dropdown

The Mattermost webhook template was added to the backend (d1979552)
but the frontend service dropdown wasn't updated, so users couldn't
select Mattermost as a service type.

Adds mattermost to:
- serviceName mapping
- service selection array
- service description ternary

Fixes #1084
---
 .../src/components/Alerts/WebhookConfig.tsx   | 30 +++++++++++--------
 1 file changed, 17 insertions(+), 13 deletions(-)

diff --git a/frontend-modern/src/components/Alerts/WebhookConfig.tsx b/frontend-modern/src/components/Alerts/WebhookConfig.tsx
index a4a353a37..9565fc73c 100644
--- a/frontend-modern/src/components/Alerts/WebhookConfig.tsx
+++ b/frontend-modern/src/components/Alerts/WebhookConfig.tsx
@@ -310,6 +310,7 @@ export function WebhookConfig(props: WebhookConfigProps) {
       generic: 'Generic',
       discord: 'Discord',
       slack: 'Slack',
+      mattermost: 'Mattermost',
       telegram: 'Telegram',
       teams: 'Microsoft Teams',
       'teams-adaptive': 'Teams (Adaptive)',
@@ -440,6 +441,7 @@ export function WebhookConfig(props: WebhookConfigProps) {
                     'generic',
                     'discord',
                     'slack',
+                    'mattermost',
                     'telegram',
                     'teams',
                     'teams-adaptive',
@@ -469,19 +471,21 @@ export function WebhookConfig(props: WebhookConfigProps) {
                             ? 'Discord server webhook'
                             : service === 'slack'
                               ? 'Slack incoming webhook'
-                              : service === 'telegram'
-                                ? 'Telegram bot notifications'
-                                : service === 'teams'
-                                  ? 'Microsoft Teams webhook'
-                                  : service === 'teams-adaptive'
-                                    ? 'Teams with Adaptive Cards'
-                                    : service === 'pushover'
-                                      ? 'Mobile push notifications'
-                                      : service === 'gotify'
-                                        ? 'Self-hosted push notifications'
-                                        : service === 'ntfy'
-                                          ? 'Push notifications via ntfy.sh'
-                                          : 'PagerDuty Events API v2'}
+                              : service === 'mattermost'
+                                ? 'Mattermost incoming webhook'
+                                : service === 'telegram'
+                                  ? 'Telegram bot notifications'
+                                  : service === 'teams'
+                                    ? 'Microsoft Teams webhook'
+                                    : service === 'teams-adaptive'
+                                      ? 'Teams with Adaptive Cards'
+                                      : service === 'pushover'
+                                        ? 'Mobile push notifications'
+                                        : service === 'gotify'
+                                          ? 'Self-hosted push notifications'
+                                          : service === 'ntfy'
+                                            ? 'Push notifications via ntfy.sh'
+                                            : 'PagerDuty Events API v2'}
                       </div>
                     </button>
                   )}