From d3c153dc26dbe5975415e77d9e75da8c9b2bb8e4 Mon Sep 17 00:00:00 2001
From: hippoz <anastasiudavid@gmail.com>
Date: Tue, 13 Oct 2020 22:10:01 +0300
Subject: [PATCH] make webhook buttons have selected class only when the
 webhook is selected

---
 discordwebhookmanager/index.html | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/discordwebhookmanager/index.html b/discordwebhookmanager/index.html
index 4c08912..9f2a4d3 100644
--- a/discordwebhookmanager/index.html
+++ b/discordwebhookmanager/index.html
@@ -14,7 +14,7 @@
     <div id="app">
         <div class="card navigation-card">
             <div class="navigation-buttons">
-                <a v-for="(webhook, webhookIndex) in webhooks" @click="selectedWebhook = webhookIndex" class="button-default button-selected">{{ webhook.name }}</a>
+                <a v-for="(webhook, webhookIndex) in webhooks" @click="selectedWebhook = webhookIndex" :class="getWebhookButtonClass(webhookIndex)">{{ webhook.name }}</a>
             </div>
         </div>
     
@@ -111,6 +111,12 @@
                         localStorage.clear();
                         return;
                     }
+                },
+                getWebhookButtonClass: function(webhookIndex) {
+                    if (this.selectedWebhook === webhookIndex) {
+                        return 'button-default button-selected';
+                    }
+                    return 'button-default';
                 }
             },
             computed: {