left_sidebar: Standardize channel list filter input.

This follow-up commit replaces the current left sidebar channel list
filter input implementation with the redesigned input component.

Note: This commit removes `clear_search` method from `stream_list.ts`,
since the `.input-button` onclick handler over at `inputs.ts` handles
the clearing of the filter input fields by sending an empty text input
event. This input event triggers the filter update handler of the
module, in this case the `update_streams_for_search` function and
resets the filter list, eliminating the need for a separate per-module
input clearing/resetting workflow.

Fixes part of #34476.
This commit is contained in:
Sayam Samal
2025-05-27 21:42:52 +05:30
committed by Tim Abbott
parent 046918e92a
commit 7c19727168
4 changed files with 21 additions and 47 deletions

View File

@@ -211,12 +211,9 @@
</span>
</div>
<div class="notdisplayed stream_search_section left-sidebar-filter-row">
<input class="stream-list-filter home-page-input filter_text_input" type="text" autocomplete="off" placeholder="{{t 'Filter channels' }}" />
<button type="button" class="clear_search_button" id="clear_search_stream_button">
<i class="zulip-icon zulip-icon-close" aria-hidden="true"></i>
</button>
</div>
{{#> input input_type="filter-input" custom_classes="notdisplayed stream_search_section" icon="search" input_button_icon="close"}}
<input type="text" class="input-element stream-list-filter home-page-input" autocomplete="off" placeholder="{{t 'Filter channels' }}" />
{{/input}}
</div>
<div id="topics_header">
<a class="show-all-streams" tabindex="0">{{t 'Back to channels' }}</a> <span class="unread_count quiet-count"></span>