fix: search bar is non case sensitive and don't have delay

dialer/lib/features/home/home_page.dart

@@ -10,53 +10,80 @@ import '../../services/contact_service.dart';
 import 'package:dialer/features/voicemail/voicemail_page.dart';
 import '../contacts/widgets/contact_modal.dart';
 
-
+class _MyHomePageState extends State<MyHomePage> with SingleTickerProviderStateMixin {
-class _MyHomePageState extends State<MyHomePage>
-    with SingleTickerProviderStateMixin {
   late TabController _tabController;
   List<Contact> _allContacts = [];
   List<Contact> _contactSuggestions = [];
   final ContactService _contactService = ContactService();
   final ObfuscateService _obfuscateService = ObfuscateService();
   final TextEditingController _searchController = TextEditingController();
-
+  late SearchController _searchBarController;
 
   @override
   void initState() {
     super.initState();
-    // Set the TabController length to 4
     _tabController = TabController(length: 4, vsync: this, initialIndex: 1);
     _tabController.addListener(_handleTabIndex);
+    _searchBarController = SearchController();
+    _searchBarController.addListener(() {
+      // Sync _searchController with SearchController in real-time
+      if (_searchController.text != _searchBarController.text) {
+        _searchController.text = _searchBarController.text;
+        _onSearchChanged(_searchBarController.text);
+      }
+    });
     _fetchContacts();
   }
 
   void _fetchContacts() async {
     _allContacts = await _contactService.fetchContacts();
-    setState(() {});
+    _contactSuggestions = List.from(_allContacts);
+    if (mounted) setState(() {});
   }
 
   void _clearSearch() {
     _searchController.clear();
+    _searchBarController.clear();
     _onSearchChanged('');
   }
 
   void _onSearchChanged(String query) {
     setState(() {
       if (query.isEmpty) {
-        _contactSuggestions = List.from(_allContacts); // Reset suggestions
+        _contactSuggestions = List.from(_allContacts);
       } else {
+        final normalizedQuery = _normalizeString(query.toLowerCase());
         _contactSuggestions = _allContacts.where((contact) {
-          return contact.displayName
+          final normalizedName = _normalizeString(contact.displayName.toLowerCase());
-              .toLowerCase()
+          return normalizedName.contains(normalizedQuery);
-              .contains(query.toLowerCase());
         }).toList();
       }
     });
   }
 
+  String _normalizeString(String input) {
+    const accentMap = {
+      'àáâãäå': 'a',
+      'èéêë': 'e',
+      'ìíîï': 'i',
+      'òóôõö': 'o',
+      'ùúûü': 'u',
+      'ç': 'c',
+      'ñ': 'n',
+    };
+    String normalized = input;
+    accentMap.forEach((accents, base) {
+      for (var accent in accents.split('')) {
+        normalized = normalized.replaceAll(accent, base);
+      }
+    });
+    return normalized;
+  }
+
   @override
   void dispose() {
     _searchController.dispose();
+    _searchBarController.dispose();
     _tabController.removeListener(_handleTabIndex);
     _tabController.dispose();
     super.dispose();
@@ -69,19 +96,18 @@ class _MyHomePageState extends State<MyHomePage>
   void _toggleFavorite(Contact contact) async {
     try {
       if (await FlutterContacts.requestPermission()) {
-        Contact? fullContact = await FlutterContacts.getContact(contact.id,
+        Contact? fullContact = await FlutterContacts.getContact(
-            withProperties: true,
+          contact.id,
-            withAccounts: true,
+          withProperties: true,
-            withPhoto: true,
+          withAccounts: true,
-            withThumbnail: true);
+          withPhoto: true,
+          withThumbnail: true,
+        );
 
         if (fullContact != null) {
           fullContact.isStarred = !fullContact.isStarred;
           await FlutterContacts.updateContact(fullContact);
-          setState(() {
+          _fetchContacts();
-            // Updating the contact list after toggling the favorite
-            _fetchContacts();
-          });
         }
       } else {
         print("Could not fetch contact details");
@@ -100,7 +126,6 @@ class _MyHomePageState extends State<MyHomePage>
       backgroundColor: Colors.black,
       body: Column(
         children: [
-          // Persistent Search Bar
           Padding(
             padding: const EdgeInsets.only(
               top: 24.0,
@@ -118,34 +143,32 @@ class _MyHomePageState extends State<MyHomePage>
                       border: Border.all(color: Colors.grey.shade800, width: 1),
                     ),
                     child: SearchAnchor(
-                      builder:
+                      searchController: _searchBarController,
-                          (BuildContext context, SearchController controller) {
+                      builder: (BuildContext context, SearchController controller) {
                         return GestureDetector(
                           onTap: () {
-                            controller.openView(); // Open the search view
+                            controller.openView();
                           },
                           child: Container(
                             decoration: BoxDecoration(
                               color: const Color.fromARGB(255, 30, 30, 30),
                               borderRadius: BorderRadius.circular(12.0),
-                              border: Border.all(
+                              border: Border.all(color: Colors.grey.shade800, width: 1),
-                                  color: Colors.grey.shade800, width: 1),
                             ),
-                            padding: const EdgeInsets.symmetric(
+                            padding: const EdgeInsets.symmetric(vertical: 12.0, horizontal: 16.0),
-                                vertical: 12.0, horizontal: 16.0),
                             child: Row(
                               children: [
-                                const Icon(Icons.search,
+                                const Icon(Icons.search, color: Colors.grey, size: 24.0),
-                                    color: Colors.grey, size: 24.0),
                                 const SizedBox(width: 8.0),
-                                Text(
+                                Expanded(
-                                  _searchController.text.isEmpty
+                                  child: Text(
-                                      ? 'Search contacts'
+                                    _searchController.text.isEmpty
-                                      : _searchController.text,
+                                        ? 'Search contacts'
-                                  style: const TextStyle(
+                                        : _searchController.text,
-                                      color: Colors.grey, fontSize: 16.0),
+                                    style: const TextStyle(color: Colors.grey, fontSize: 16.0),
+                                    overflow: TextOverflow.ellipsis,
+                                  ),
                                 ),
-                                const Spacer(),
                                 if (_searchController.text.isNotEmpty)
                                   GestureDetector(
                                     onTap: _clearSearch,
@@ -161,23 +184,22 @@ class _MyHomePageState extends State<MyHomePage>
                         );
                       },
                       viewOnChanged: (query) {
-                        _onSearchChanged(query); // Update immediately
+                        // Update immediately as you type
+                        if (_searchBarController.text != query) {
+                          _searchBarController.text = query;
+                        }
+                        _onSearchChanged(query);
                       },
-                      suggestionsBuilder:
+                      suggestionsBuilder: (BuildContext context, SearchController controller) {
-                          (BuildContext context, SearchController controller) {
                         return _contactSuggestions.map((contact) {
                           return ListTile(
                             key: ValueKey(contact.id),
-                            title: Text(_obfuscateService.obfuscateData(contact.displayName),
+                            title: Text(
-                                style: const TextStyle(color: Colors.white)),
+                              _obfuscateService.obfuscateData(contact.displayName),
+                              style: const TextStyle(color: Colors.white),
+                            ),
                             onTap: () {
-                              // Clear the search text input
-                              controller.text = '';
-
-                              // Close the search view
                               controller.closeView(contact.displayName);
-
-                              // Show the ContactModal when a contact is tapped
                               showModalBottomSheet(
                                 context: context,
                                 isScrollControlled: true,
@@ -186,34 +208,28 @@ class _MyHomePageState extends State<MyHomePage>
                                   return ContactModal(
                                     contact: contact,
                                     onEdit: () async {
-                                      if (await FlutterContacts
+                                      if (await FlutterContacts.requestPermission()) {
-                                          .requestPermission()) {
+                                        final updatedContact = await FlutterContacts
-                                        final updatedContact =
+                                            .openExternalEdit(contact.id);
-                                            await FlutterContacts
-                                                .openExternalEdit(contact.id);
                                         if (updatedContact != null) {
                                           _fetchContacts();
                                           Navigator.of(context).pop();
-                                          ScaffoldMessenger.of(context)
+                                          ScaffoldMessenger.of(context).showSnackBar(
-                                              .showSnackBar(
                                             SnackBar(
                                               content: Text(
                                                   '${contact.displayName} updated successfully!'),
                                             ),
                                           );
                                         } else {
-                                          ScaffoldMessenger.of(context)
+                                          ScaffoldMessenger.of(context).showSnackBar(
-                                              .showSnackBar(
                                             SnackBar(
-                                              content: Text(
+                                              content: Text('Edit canceled or failed.'),
-                                                  'Edit canceled or failed.'),
                                             ),
                                           );
                                         }
                                       }
                                     },
-                                    onToggleFavorite: () =>
+                                    onToggleFavorite: () => _toggleFavorite(contact),
-                                        _toggleFavorite(contact),
                                     isFavorite: contact.isStarred,
                                   );
                                 },
@@ -225,7 +241,6 @@ class _MyHomePageState extends State<MyHomePage>
                     ),
                   ),
                 ),
-                // 3-dot menu
                 PopupMenuButton<String>(
                   icon: const Icon(Icons.more_vert, color: Colors.white),
                   itemBuilder: (BuildContext context) => [
@@ -238,8 +253,7 @@ class _MyHomePageState extends State<MyHomePage>
                     if (value == 'settings') {
                       Navigator.push(
                         context,
-                        MaterialPageRoute(
+                        MaterialPageRoute(builder: (context) => const SettingsPage()),
-                            builder: (context) => const SettingsPage()),
                       );
                     }
                   },
@@ -247,7 +261,6 @@ class _MyHomePageState extends State<MyHomePage>
               ],
             ),
           ),
-          // Main content with TabBarView
           Expanded(
             child: Stack(
               children: [
@@ -322,4 +335,4 @@ class MyHomePage extends StatefulWidget {
 
   @override
   _MyHomePageState createState() => _MyHomePageState();
-}
+}