From 57ec2aa088ffd5a8c3553c53d39799497ff70479 Mon Sep 17 00:00:00 2001 From: Timothy Jaeryang Baek Date: Tue, 27 Jan 2026 23:34:23 +0400 Subject: [PATCH] refac --- .../channel/ChannelInfoModal/UserList.svelte | 19 ++++++++++++------- 1 file changed, 12 insertions(+), 7 deletions(-) diff --git a/src/lib/components/channel/ChannelInfoModal/UserList.svelte b/src/lib/components/channel/ChannelInfoModal/UserList.svelte index 6ba0e4e58..bf8c9193a 100644 --- a/src/lib/components/channel/ChannelInfoModal/UserList.svelte +++ b/src/lib/components/channel/ChannelInfoModal/UserList.svelte @@ -38,6 +38,8 @@ let total = null; let query = ''; + let debounceTimer: ReturnType | null = null; + let orderBy = 'name'; // default sort key let direction = 'asc'; // default sort order @@ -77,13 +79,16 @@ } }; - $: if ( - channel !== null && - page !== null && - query !== null && - orderBy !== null && - direction !== null - ) { + // Debounce only query changes + $: if (query !== undefined && channel !== null) { + clearTimeout(debounceTimer); + debounceTimer = setTimeout(() => { + getUserList(); + }, 300); + } + + // Immediate response to page/sort changes + $: if (channel !== null && page && orderBy && direction) { getUserList(); }