Add debouncer to reduce search rebuilds (#1946)

Before: https://github.com/user-attachments/assets/f2a0e001-31f2-4790-a72b-b76111ecc4dc After: https://github.com/user-attachments/assets/3862ca85-5bc6-4b0d-8956-a838bf5d3190
BasedHardware · Mar 5, 2025 · 90fd2e4 · 90fd2e4
2 parents 34b0a43 + ac497bf
commit 90fd2e4
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/app/lib/pages/apps/explore_install_page.dart b/app/lib/pages/apps/explore_install_page.dart
@@ -1,16 +1,14 @@
 import 'package:flutter/material.dart';
-import 'package:friend_private/backend/auth.dart';
 import 'package:friend_private/backend/schema/app.dart';
 import 'package:friend_private/pages/apps/providers/add_app_provider.dart';
 import 'package:friend_private/pages/apps/widgets/app_section_card.dart';
 import 'package:friend_private/pages/apps/widgets/filter_sheet.dart';
 import 'package:friend_private/pages/apps/list_item.dart';
 import 'package:friend_private/providers/app_provider.dart';
 import 'package:friend_private/providers/home_provider.dart';
-import 'package:friend_private/utils/other/temp.dart';
+import 'package:friend_private/utils/other/debouncer.dart';
 import 'package:provider/provider.dart';
 
-import '../persona/twitter/social_profile.dart';
 import 'widgets/create_options_sheet.dart';
 
 String filterValueToString(dynamic value) {
@@ -33,6 +31,7 @@ class ExploreInstallPage extends StatefulWidget {
 
 class _ExploreInstallPageState extends State<ExploreInstallPage> with AutomaticKeepAliveClientMixin {
   late TextEditingController searchController;
+  Debouncer debouncer = Debouncer(delay: const Duration(milliseconds: 500));
 
   @override
   void initState() {
@@ -152,7 +151,9 @@ class _ExploreInstallPageState extends State<ExploreInstallPage> with AutomaticK
                             controller: searchController,
                             focusNode: context.read<HomeProvider>().appsSearchFieldFocusNode,
                             onChanged: (value) {
-                              provider.searchApps(value);
+                              debouncer.run(() {
+                                provider.searchApps(value);
+                              });
                             },
                             decoration: InputDecoration(
                               hintText: 'Search Apps',