change message filter icon when filter active

2026-04-12 11:58:45 +00:00
parent 3806be067e
commit bbc9e327bc
6 changed files with 53 additions and 10 deletions
@@ -19,6 +19,14 @@ export function MessagePage(
        return ChatMessage(coreViewModel, chatMessageViewModel);
    };

+    const filterIcon = React.createProxyState(
+        [messagePageViewModel.isFilterActive],
+        () =>
+            messagePageViewModel.isFilterActive.value
+                ? "filter_alt"
+                : "filter_alt_off",
+    );
+
    const messageContainer = (
        <div
            id="message-container"
@@ -69,7 +77,10 @@ export function MessagePage(
                                        .filterMessagesButtonAudioLabel
                                }
                            >
-                                <span class="icon">filter_alt</span>
+                                <span
+                                    class="icon"
+                                    subscribe:innerText={filterIcon}
+                                ></span>
                            </button>
                        </span>
                    </div>