refac

src/lib/components/channel/ChannelInfoModal/UserList.svelte

@@ -38,6 +38,8 @@
 	let total = null;
 
 	let query = '';
+	let debounceTimer: ReturnType<typeof setTimeout> | null = null;
+
 	let orderBy = 'name'; // default sort key
 	let direction = 'asc'; // default sort order
 
@@ -77,13 +79,16 @@
 		}
 	};
 
-	$: if (
+	// Debounce only query changes
-		channel !== null &&
+	$: if (query !== undefined && channel !== null) {
-		page !== null &&
+		clearTimeout(debounceTimer);
-		query !== null &&
+		debounceTimer = setTimeout(() => {
-		orderBy !== null &&
+			getUserList();
-		direction !== null
+		}, 300);
-	) {
+	}
+
+	// Immediate response to page/sort changes
+	$: if (channel !== null && page && orderBy && direction) {
 		getUserList();
 	}
 </script>