change board filter icon when filter active

dist/index.js

@@ -2601,6 +2601,10 @@
         this.handleNewSearch(newQuery);
       });
       this.restoreSearch();
+      this.isFilterActive = createProxyState(
+        [this.searchViewModel.appliedQuery],
+        () => this.searchViewModel.appliedQuery.value != ""
+      );
     }
   };
 
@@ -4367,6 +4371,10 @@
   // src/View/ChatPages/boardPage.tsx
   function BoardPage(coreViewModel2, boardViewModel) {
     boardViewModel.loadData();
+    const filterIcon = createProxyState(
+      [boardViewModel.isFilterActive],
+      () => boardViewModel.isFilterActive.value ? "filter_alt" : "filter_alt_off"
+    );
     const mainContent = createProxyState(
       [boardViewModel.selectedPage],
       () => {
@@ -4453,7 +4461,13 @@
         "aria-label": coreViewModel2.translations.chatPage.task.filterTasksButtonAudioLabel,
         "on:click": boardViewModel.showFilterModal
       },
-      /* @__PURE__ */ createElement("span", { class: "icon" }, "filter_alt")
+      /* @__PURE__ */ createElement(
+        "span",
+        {
+          class: "icon",
+          "subscribe:innerText": filterIcon
+        }
+      )
     ), /* @__PURE__ */ createElement(
       "button",
       {

src/View/ChatPages/boardPage.tsx

@@ -20,6 +20,14 @@ export function BoardPage(
 ) {
     boardViewModel.loadData();
 
+    const filterIcon = React.createProxyState(
+        [boardViewModel.isFilterActive],
+        () =>
+            boardViewModel.isFilterActive.value
+                ? "filter_alt"
+                : "filter_alt_off",
+    );
+
     // main content
     const mainContent = React.createProxyState(
         [boardViewModel.selectedPage],
@@ -135,7 +143,10 @@ export function BoardPage(
                         }
                         on:click={boardViewModel.showFilterModal}
                     >
-                        <span class="icon">filter_alt</span>
+                        <span
+                            class="icon"
+                            subscribe:innerText={filterIcon}
+                        ></span>
                     </button>
                     <button
                         class="ghost"

src/ViewModel/Pages/boardViewModel.ts

@@ -32,6 +32,7 @@ export default class BoardViewModel extends TaskContainingPageViewModel {
     searchViewModel: SearchViewModel<TaskViewModel>;
     filteredTaskViewModels: React.ListState<TaskViewModel> =
         new React.ListState();
+    isFilterActive: React.State<boolean>;
 
     // paths
     getBasePath = (): string[] => {
@@ -289,6 +290,11 @@ export default class BoardViewModel extends TaskContainingPageViewModel {
             this.handleNewSearch(newQuery);
         });
         this.restoreSearch();
+
+        this.isFilterActive = React.createProxyState(
+            [this.searchViewModel.appliedQuery],
+            () => this.searchViewModel.appliedQuery.value != "",
+        );
     }
 }