From ecfa65f12a7c77a5bcca4b3fbc78af8456cb8213 Mon Sep 17 00:00:00 2001
From: Sj-Si <sjw.jetty@gmail.com>
Date: Fri, 24 May 2024 09:25:26 -0400
Subject: [PATCH] Change color of clearfilters button when filters are applied
 to give better feedback to user.

---
 javascript/extraNetworks.js | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/javascript/extraNetworks.js b/javascript/extraNetworks.js
index 225930336..c643de368 100644
--- a/javascript/extraNetworks.js
+++ b/javascript/extraNetworks.js
@@ -461,11 +461,21 @@ class ExtraNetworksTab {
         recurse = recurse === true || recurse === false ? recurse : false;
         this.card_list.addDirectoryFilter(div_id, filter_str, recurse);
         this.directory_filters[div_id] = {filter_str: filter_str, recurse: recurse};
+
+        const btn = this.controls_elem.querySelector(".extra-network-control--clear-filters");
+        isElementThrowError(btn);
+        btn.dataset.selected = "";
     }
 
     removeDirectoryFilter(div_id) {
         this.card_list.removeDirectoryFilter(div_id);
         delete this.directory_filters[div_id];
+
+        if (Object.keys(this.directory_filters).length === 0) {
+            const btn = this.controls_elem.querySelector(".extra-network-control--clear-filters");
+            isElementThrowError(btn);
+            delete btn.dataset.selected;
+        }
     }
 
     clearDirectoryFilters({excluded_div_ids} = {}) {
@@ -1157,6 +1167,8 @@ function extraNetworksControlClearFiltersOnClick(event) {
     tab.clearSelectedButtons();
     tab.clearDirectoryFilters();
     tab.applyDirectoryFilters();
+
+    delete btn.dataset.selected;
 }
 
 function extraNetworksControlSortModeOnClick(event) {