improve highlight style, improve filter button marker

2026-04-12 12:39:29 +00:00
parent 8d44cef429
commit 4ad92f8dc7
9 changed files with 113 additions and 136 deletions
@@ -19,14 +19,6 @@ 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"
@@ -76,11 +68,11 @@ export function MessagePage(
                                    coreViewModel.translations.chatPage.message
                                        .filterMessagesButtonAudioLabel
                                }
+                                toggle:selected={
+                                    messagePageViewModel.isFilterActive
+                                }
                            >
-                                <span
-                                    class="icon"
-                                    subscribe:innerText={filterIcon}
-                                ></span>
+                                <span class="icon">filter_alt</span>
                            </button>
                        </span>
                    </div>