From 63edbf7c5952792583069331d5c964be57e40eb3 Mon Sep 17 00:00:00 2001
From: Corban-Lee Jones <corbz.jones@gmail.com>
Date: Mon, 16 Sep 2024 16:24:12 +0100
Subject: [PATCH] indicator for selected server

---
 apps/static/css/home/index.css | 4 ++++
 apps/static/js/home/servers.js | 2 ++
 2 files changed, 6 insertions(+)

diff --git a/apps/static/css/home/index.css b/apps/static/css/home/index.css
index f9d5738..ebd18cf 100644
--- a/apps/static/css/home/index.css
+++ b/apps/static/css/home/index.css
@@ -80,6 +80,10 @@
     background-color: var(--bs-secondary-bg);
 }
 
+.server-item-selector:active, .server-item-selector.active {
+    background-color: var(--bs-secondary-bg) !important;
+}
+
 /* widths */
 
 .mw-10rem {
diff --git a/apps/static/js/home/servers.js b/apps/static/js/home/servers.js
index 23b35f3..909359a 100644
--- a/apps/static/js/home/servers.js
+++ b/apps/static/js/home/servers.js
@@ -143,6 +143,8 @@ function addServerTemplate(serverPrimaryKey, serverGuildId, serverName, serverIc
 
     // Bind the button for selecting this server
     template.find(".server-item-selector").off("click").on("click", function() {
+        $(".server-item-selector").removeClass("active");
+        $(this).addClass("active");
         selectServer(serverPrimaryKey);
     });