From ca479673e73b353b34608befa3fdd34e92f71f50 Mon Sep 17 00:00:00 2001
From: LouisLam <louislam@users.noreply.github.com>
Date: Thu, 9 Sep 2021 21:28:27 +0800
Subject: [PATCH] avoid Chrome duplicate id warning

---
 src/components/NotificationDialog.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/NotificationDialog.vue b/src/components/NotificationDialog.vue
index 6d54d5652..ffb7ba71d 100644
--- a/src/components/NotificationDialog.vue
+++ b/src/components/NotificationDialog.vue
@@ -11,8 +11,8 @@
                     </div>
                     <div class="modal-body">
                         <div class="mb-3">
-                            <label for="type" class="form-label">{{ $t("Notification Type") }}</label>
-                            <select id="type" v-model="notification.type" class="form-select">
+                            <label for="notification-type" class="form-label">{{ $t("Notification Type") }}</label>
+                            <select id="notification-type" v-model="notification.type" class="form-select">
                                 <option value="telegram">Telegram</option>
                                 <option value="webhook">Webhook</option>
                                 <option value="smtp">{{ $t("Email") }} (SMTP)</option>
@@ -33,8 +33,8 @@
                         </div>
 
                         <div class="mb-3">
-                            <label for="name" class="form-label">{{ $t("Friendly Name") }}</label>
-                            <input id="name" v-model="notification.name" type="text" class="form-control" required>
+                            <label for="notification-name" class="form-label">{{ $t("Friendly Name") }}</label>
+                            <input id="notification-name" v-model="notification.name" type="text" class="form-control" required>
                         </div>
 
                         <Telegram v-if="notification.type === 'telegram'" />