refactor: use utils.debounce

public/src/client/groups/memberlist.js

@@ -2,7 +2,6 @@
 
 define('forum/groups/memberlist', ['api', 'bootbox', 'alerts'], function (api, bootbox, alerts) {
 	const MemberList = {};
-	let searchInterval;
 	let groupName;
 	let templateName;
 
@@ -89,15 +88,13 @@ define('forum/groups/memberlist', ['api', 'bootbox', 'alerts'], function (api, b
 	}
 
 	function handleMemberSearch() {
-		$('[component="groups/members/search"]').on('keyup', function () {
-			const query = $(this).val();
-			if (searchInterval) {
-				clearInterval(searchInterval);
-				searchInterval = 0;
-			}
-
-			searchInterval = setTimeout(function () {
-				socket.emit('groups.searchMembers', { groupName: groupName, query: query }, function (err, results) {
+		const searchEl = $('[component="groups/members/search"]');
+		searchEl.on('keyup', utils.debounce(function () {
+			const query = searchEl.val();
+			socket.emit('groups.searchMembers', {
+				groupName: groupName,
+				query: query,
+			}, function (err, results) {
 				if (err) {
 					return alerts.error(err);
 				}
@@ -106,8 +103,7 @@ define('forum/groups/memberlist', ['api', 'bootbox', 'alerts'], function (api, b
 					$('[component="groups/members"]').attr('data-nextstart', 20);
 				});
 			});
-			}, 250);
-		});
+		}, 250));
 	}
 
 	function handleMemberInfiniteScroll() {