add all search logic and result UI

OpenPecha · Jan 20, 2025 · bb6f06c · bb6f06c
1 parent 054919d
commit bb6f06c
Show file tree

Hide file tree

Showing 2 changed files with 89 additions and 44 deletions.
diff --git a/lib/ui/screen/home_screen.dart b/lib/ui/screen/home_screen.dart
@@ -11,6 +11,7 @@ import 'package:gompa_tour/states/search_state.dart';
 import 'package:gompa_tour/ui/screen/deities_list_screen.dart';
 import 'package:gompa_tour/ui/screen/festival_list_screen.dart';
 import 'package:gompa_tour/ui/screen/orginatzations_screen.dart';
+import 'package:gompa_tour/ui/widget/search_card_item.dart';
 import 'package:gompa_tour/util/enum.dart';
 import 'package:gompa_tour/util/search_debouncer.dart';
 
@@ -72,7 +73,12 @@ class _HomeScreenState extends ConsumerState<HomeScreen> {
         _buildSearchBar(context),
         const Divider(),
         _buildCategoryCards(context),
-        const SizedBox(height: 32),
+        _buildSearchResults(context, searchState),
+        searchState.isLoading
+            ? const Center(
+                child: CircularProgressIndicator(),
+              )
+            : const SizedBox(),
       ],
     );
   }
@@ -112,14 +118,15 @@ class _HomeScreenState extends ConsumerState<HomeScreen> {
         focusNode: _searchFocusNode,
         leading: Icon(Icons.search),
         trailing: [
-          if (_searchController.text.isNotEmpty)
-            IconButton(
-              icon: const Icon(Icons.clear),
-              onPressed: () {
-                _searchController.clear();
-                _clearSearchResults();
-              },
-            ),
+          _searchController.text.isNotEmpty
+              ? IconButton(
+                  icon: const Icon(Icons.clear),
+                  onPressed: () {
+                    _searchController.clear();
+                    _clearSearchResults();
+                  },
+                )
+              : const SizedBox(),
           IconButton(
             icon: Icon(Icons.qr_code),
             onPressed: () {
@@ -128,45 +135,64 @@ class _HomeScreenState extends ConsumerState<HomeScreen> {
           )
         ],
         hintText: 'Search here....',
+        onChanged: (value) {
+          _performSearch(value);
+        },
       ),
     );
   }
 
   Widget _buildCategoryCards(BuildContext context) {
-    return Expanded(
-      child: GridView.count(
-        crossAxisCount: 2,
-        padding: EdgeInsets.all(8),
-        mainAxisSpacing: 16,
-        crossAxisSpacing: 16,
-        children: [
-          _buildCard(
-            MenuType.deities,
-            'assets/images/buddha.png',
-            context,
-            totalDeity,
-          ),
-          _buildCard(
-            MenuType.organization,
-            'assets/images/potala2.png',
-            context,
-            totalOrganization,
-          ),
-          _buildCard(
-            MenuType.pilgrimage,
-            'assets/images/duchen.png',
-            context,
-            totalFestival,
-          ),
-          _buildCard(
-            MenuType.festival,
-            'assets/images/duchen.png',
-            context,
-            totalFestival,
-          ),
-        ],
-      ),
-    );
+    return _searchController.text.isEmpty
+        ? Expanded(
+            child: Center(
+              child: ConstrainedBox(
+                constraints: const BoxConstraints(
+                    maxWidth: 600), // Optional: limits max width
+                child: Center(
+                  child: ConstrainedBox(
+                    constraints: const BoxConstraints(
+                        maxWidth: 600), // Optional: limits max width
+                    child: GridView.count(
+                      crossAxisCount: 2,
+                      padding: EdgeInsets.all(8),
+                      mainAxisSpacing: 16,
+                      crossAxisSpacing: 16,
+                      shrinkWrap: true,
+                      childAspectRatio: 1,
+                      children: [
+                        _buildCard(
+                          MenuType.deities,
+                          'assets/images/buddha.png',
+                          context,
+                          totalDeity,
+                        ),
+                        _buildCard(
+                          MenuType.organization,
+                          'assets/images/potala2.png',
+                          context,
+                          totalOrganization,
+                        ),
+                        _buildCard(
+                          MenuType.pilgrimage,
+                          'assets/images/duchen.png',
+                          context,
+                          totalFestival,
+                        ),
+                        _buildCard(
+                          MenuType.festival,
+                          'assets/images/duchen.png',
+                          context,
+                          totalFestival,
+                        ),
+                      ],
+                    ),
+                  ),
+                ),
+              ),
+            ),
+          )
+        : const SizedBox();
   }
 
   Widget _buildCard(
@@ -213,6 +239,25 @@ class _HomeScreenState extends ConsumerState<HomeScreen> {
     );
   }
 
+  Widget _buildSearchResults(BuildContext context, SearchState searchState) {
+    if (searchState.isLoading) {
+      return const Center(
+        child: CircularProgressIndicator(),
+      );
+    }
+    return searchState.results.isNotEmpty
+        ? Expanded(
+            child: ListView.builder(
+              itemCount: searchState.results.length,
+              itemBuilder: (context, index) {
+                final searchableItem = searchState.results[index];
+                return SearchCardItem(searchableItem: searchableItem);
+              },
+            ),
+          )
+        : const SizedBox();
+  }
+
   String _getTitle(MenuType type, BuildContext context) {
     switch (type) {
       case MenuType.deities:

diff --git a/lib/ui/widget/bottom_nav_bar.dart b/lib/ui/widget/bottom_nav_bar.dart
@@ -53,7 +53,7 @@ class BottomNavBar extends ConsumerWidget {
             label: AppLocalizations.of(context)!.qr,
           ),
           BottomNavigationBarItem(
-            icon: const Icon(Icons.settings),
+            icon: const Icon(Icons.person),
             label: AppLocalizations.of(context)!.settings,
           ),
         ],