search mzansi

Frontend/lib/mih_components/mih_package_components/mih_personal_profile_preview.dart

@@ -40,22 +40,33 @@ class _MihPersonalProfilePreviewState extends State<MihPersonalProfilePreview> {
             builder: (context, asyncSnapshot) {
               if (asyncSnapshot.connectionState == ConnectionState.done &&
                   asyncSnapshot.hasData) {
-                return MihCircleAvatar(
+                if (asyncSnapshot.requireData != "") {
-                  imageFile: NetworkImage(asyncSnapshot.requireData),
+                  return MihCircleAvatar(
-                  width: profilePictureWidth,
+                    imageFile: NetworkImage(asyncSnapshot.requireData),
-                  editable: false,
+                    width: profilePictureWidth,
-                  fileNameController: TextEditingController(),
+                    editable: false,
-                  userSelectedfile: file,
+                    fileNameController: TextEditingController(),
-                  frameColor:
+                    userSelectedfile: file,
-                      MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+                    frameColor:
-                  backgroundColor:
+                        MzanziInnovationHub.of(context)!.theme.secondaryColor(),
-                      MzanziInnovationHub.of(context)!.theme.primaryColor(),
+                    backgroundColor:
-                  onChange: () {},
+                        MzanziInnovationHub.of(context)!.theme.primaryColor(),
-                );
+                    onChange: () {},
+                  );
+                } else {
+                  return Icon(
+                    MihIcons.iDontKnow,
+                    size: profilePictureWidth,
+                    color:
+                        MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+                  );
+                }
               } else {
                 return Icon(
-                  MihIcons.mihLogo,
+                  MihIcons.mihRing,
                   size: profilePictureWidth,
+                  color:
+                      MzanziInnovationHub.of(context)!.theme.secondaryColor(),
                 );
               }
             }),

Frontend/lib/mih_components/mih_pop_up_messages/mih_loading_circle.dart

@@ -3,7 +3,8 @@ import '../../main.dart';
 import 'package:gif_view/gif_view.dart';
 
 class Mihloadingcircle extends StatefulWidget {
-  const Mihloadingcircle({super.key});
+  final String? message;
+  const Mihloadingcircle({super.key, this.message});
 
   @override
   State<Mihloadingcircle> createState() => _MihloadingcircleState();
@@ -53,7 +54,7 @@ class _MihloadingcircleState extends State<Mihloadingcircle> {
       child: Container(
           padding: EdgeInsets.all(popUpPaddingSize),
           width: 250,
-          height: 250,
+          height: 275,
           decoration: BoxDecoration(
             color: MzanziInnovationHub.of(context)!.theme.primaryColor(),
             borderRadius: BorderRadius.circular(25.0),
@@ -61,11 +62,24 @@ class _MihloadingcircleState extends State<Mihloadingcircle> {
                 color: MzanziInnovationHub.of(context)!.theme.primaryColor(),
                 width: 5.0),
           ),
-          child: GifView.asset(
+          child: Column(
-            MzanziInnovationHub.of(context)!.theme.loadingImageLocation(),
+            children: [
-            height: 200,
+              GifView.asset(
-            width: 200,
+                MzanziInnovationHub.of(context)!.theme.loadingImageLocation(),
-            frameRate: 30,
+                height: 200,
+                width: 200,
+                frameRate: 30,
+              ),
+              widget.message != null
+                  ? Text(
+                      widget.message!,
+                      style: TextStyle(
+                        fontSize: 15,
+                        fontWeight: FontWeight.bold,
+                      ),
+                    )
+                  : SizedBox(),
+            ],
           )),
     );
   }

Frontend/lib/mih_packages/mzansi_directory/builders/build_business_search_resultsList.dart

@@ -0,0 +1,44 @@
+import 'package:flutter/material.dart';
+import 'package:mzansi_innovation_hub/main.dart';
+import 'package:mzansi_innovation_hub/mih_components/mih_objects/business.dart';
+import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_business_profile_preview.dart';
+
+class BuildBusinessSearchResultsList extends StatefulWidget {
+  final List<Business> businessList;
+  final String myLocation;
+  const BuildBusinessSearchResultsList({
+    super.key,
+    required this.businessList,
+    required this.myLocation,
+  });
+
+  @override
+  State<BuildBusinessSearchResultsList> createState() =>
+      _BuildBusinessSearchResultsListState();
+}
+
+class _BuildBusinessSearchResultsListState
+    extends State<BuildBusinessSearchResultsList> {
+  @override
+  Widget build(BuildContext context) {
+    return ListView.separated(
+      shrinkWrap: true,
+      physics: const NeverScrollableScrollPhysics(),
+      itemCount: widget.businessList.length,
+      separatorBuilder: (BuildContext context, index) {
+        return Divider(
+          color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+        );
+      },
+      itemBuilder: (context, index) {
+        return Padding(
+          padding: const EdgeInsets.symmetric(horizontal: 15.0),
+          child: MihBusinessProfilePreview(
+            business: widget.businessList[index],
+            myLocation: widget.myLocation,
+          ),
+        );
+      },
+    );
+  }
+}

Frontend/lib/mih_packages/mzansi_directory/builders/build_user_search_results_list.dart

@@ -0,0 +1,41 @@
+import 'package:flutter/material.dart';
+import 'package:mzansi_innovation_hub/main.dart';
+import 'package:mzansi_innovation_hub/mih_components/mih_objects/app_user.dart';
+import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_personal_profile_preview.dart';
+
+class BuildUserSearchResultsList extends StatefulWidget {
+  final List<AppUser> userList;
+  const BuildUserSearchResultsList({
+    super.key,
+    required this.userList,
+  });
+
+  @override
+  State<BuildUserSearchResultsList> createState() =>
+      _BuildUserSearchResultsListState();
+}
+
+class _BuildUserSearchResultsListState
+    extends State<BuildUserSearchResultsList> {
+  @override
+  Widget build(BuildContext context) {
+    return ListView.separated(
+      shrinkWrap: true,
+      physics: const NeverScrollableScrollPhysics(),
+      itemCount: widget.userList.length,
+      separatorBuilder: (BuildContext context, index) {
+        return Divider(
+          color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+        );
+      },
+      itemBuilder: (context, index) {
+        return Padding(
+          padding: const EdgeInsets.symmetric(horizontal: 15.0),
+          child: MihPersonalProfilePreview(
+            user: widget.userList[index],
+          ),
+        );
+      },
+    );
+  }
+}

Frontend/lib/mih_packages/mzansi_directory/mzansi_directory.dart

@@ -34,9 +34,9 @@ class _MzansiDirectoryState extends State<MzansiDirectory> {
 
   List<Widget> getToolBody() {
     List<Widget> toolBodies = [
+      MihSearchMzansi(),
       MihContacts(),
       MihFavouriteBusinesses(),
-      MihSearchMzansi(),
     ];
     return toolBodies;
   }
@@ -54,17 +54,17 @@ class _MzansiDirectoryState extends State<MzansiDirectory> {
 
   MihPackageTools getTools() {
     Map<Widget, void Function()?> temp = {};
-    temp[const Icon(Icons.person)] = () {
+    temp[const Icon(Icons.search)] = () {
       setState(() {
         _selcetedIndex = 0;
       });
     };
-    temp[const Icon(Icons.business_center)] = () {
+    temp[const Icon(Icons.person)] = () {
       setState(() {
         _selcetedIndex = 1;
       });
     };
-    temp[const Icon(Icons.search)] = () {
+    temp[const Icon(Icons.business_center)] = () {
       setState(() {
         _selcetedIndex = 2;
       });
@@ -77,9 +77,9 @@ class _MzansiDirectoryState extends State<MzansiDirectory> {
 
   List<String> getToolTitle() {
     List<String> toolTitles = [
+      "Search Mzansi",
       "Contacts",
       "Favourite Businesses",
-      "Search Mzansi",
     ];
     return toolTitles;
   }

Frontend/lib/mih_packages/mzansi_directory/package_tools/mih_search_mzansi.dart

@@ -1,8 +1,17 @@
 import 'package:flutter/material.dart';
+import 'package:geolocator/geolocator.dart';
 import 'package:mzansi_innovation_hub/main.dart';
+import 'package:mzansi_innovation_hub/mih_components/mih_objects/app_user.dart';
+import 'package:mzansi_innovation_hub/mih_components/mih_objects/business.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_package_tool_body.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_search_bar.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_single_child_scroll.dart';
+import 'package:mzansi_innovation_hub/mih_components/mih_pop_up_messages/mih_loading_circle.dart';
+import 'package:mzansi_innovation_hub/mih_packages/mzansi_directory/builders/build_business_search_resultsList.dart';
+import 'package:mzansi_innovation_hub/mih_packages/mzansi_directory/builders/build_user_search_results_list.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_business_details_services.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_location_services.dart';
+import 'package:mzansi_innovation_hub/mih_services/mih_user_services.dart';
 
 class MihSearchMzansi extends StatefulWidget {
   const MihSearchMzansi({super.key});
@@ -14,6 +23,24 @@ class MihSearchMzansi extends StatefulWidget {
 class _MihSearchMzansiState extends State<MihSearchMzansi> {
   final TextEditingController mzansiSearchController = TextEditingController();
   final FocusNode searchFocusNode = FocusNode();
+  bool userSearch = true;
+  Future<List<AppUser>?> futureUserSearchResults = Future.value();
+  Future<List<Business>?> futureBusinessSearchResults = Future.value();
+  late Future<Position?> futurePosition =
+      MIHLocationAPI().getGPSPosition(context);
+  List<AppUser> userSearchResults = [];
+  List<Business> businessSearchResults = [];
+
+  @override
+  void dispose() {
+    super.dispose();
+    mzansiSearchController.dispose();
+  }
+
+  @override
+  void initState() {
+    super.initState();
+  }
 
   @override
   Widget build(BuildContext context) {
@@ -35,16 +62,169 @@ class _MihSearchMzansiState extends State<MihSearchMzansi> {
               controller: mzansiSearchController,
               hintText: "Search Mzansi",
               prefixIcon: Icons.search,
+              suffixTools: [
+                IconButton(
+                    onPressed: () {
+                      setState(() {
+                        // searchTypeVisibility = !searchTypeVisibility;
+                        userSearch = !userSearch;
+                      });
+                    },
+                    icon: Icon(
+                      Icons.display_settings,
+                      size: 35,
+                      color:
+                          MzanziInnovationHub.of(context)!.theme.primaryColor(),
+                    ))
+              ],
               fillColor:
                   MzanziInnovationHub.of(context)!.theme.secondaryColor(),
               hintColor: MzanziInnovationHub.of(context)!.theme.primaryColor(),
-              onPrefixIconTap: () {},
+              onPrefixIconTap: () {
+                if (userSearch) {
+                  setState(() {
+                    futureUserSearchResults = MihUserServices()
+                        .searchUsers(mzansiSearchController.text, context);
+                  });
+                } else {
+                  setState(() {
+                    futureBusinessSearchResults = MihBusinessDetailsServices()
+                        .searchBusinesses(mzansiSearchController.text, context);
+                  });
+                }
+              },
+              onClearIconTap: () {
+                setState(() {
+                  futureUserSearchResults = Future.value();
+                  futureBusinessSearchResults = Future.value();
+                  mzansiSearchController.clear();
+                });
+              },
               searchFocusNode: searchFocusNode,
             ),
           ),
           const SizedBox(height: 10),
+          FutureBuilder(
+              future: futurePosition,
+              builder: (context, asyncSnapshot) {
+                if (asyncSnapshot.connectionState == ConnectionState.waiting) {
+                  return const Mihloadingcircle(
+                    message: "Getting things ready for you",
+                  );
+                } else {
+                  final myLocation = asyncSnapshot.data
+                      .toString()
+                      .replaceAll("Latitude: ", "")
+                      .replaceAll("Longitude: ", "");
+                  print("My Location is : $myLocation");
+                  return displaySearchResults(userSearch, myLocation);
+                }
+              }),
         ],
       ),
     );
   }
+
+  Widget displaySearchResults(bool userSearch, String myLocation) {
+    if (userSearch) {
+      return FutureBuilder(
+        future: futureUserSearchResults,
+        builder: (context, snapshot) {
+          if (snapshot.connectionState == ConnectionState.waiting) {
+            return const Mihloadingcircle();
+          } else if (snapshot.connectionState == ConnectionState.done &&
+              snapshot.hasData) {
+            // return Text("Pulled Data successfully");
+            return BuildUserSearchResultsList(userList: snapshot.requireData!);
+          } else if (!snapshot.hasData) {
+            return Column(
+              mainAxisAlignment: MainAxisAlignment.center,
+              crossAxisAlignment: CrossAxisAlignment.center,
+              children: [
+                Icon(
+                  Icons.search,
+                  size: 165,
+                  color:
+                      MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+                ),
+                const SizedBox(height: 10),
+                Text(
+                  "People Of Mzansi!",
+                  textAlign: TextAlign.center,
+                  overflow: TextOverflow.visible,
+                  style: TextStyle(
+                    fontSize: 25,
+                    fontWeight: FontWeight.bold,
+                    color:
+                        MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+                  ),
+                ),
+              ],
+            );
+          } else {
+            return Center(
+              child: Text(
+                "Error pulling Patients Data\n/users/search/${mzansiSearchController.text}",
+                style: TextStyle(
+                    fontSize: 25,
+                    color: MzanziInnovationHub.of(context)!.theme.errorColor()),
+                textAlign: TextAlign.center,
+              ),
+            );
+          }
+        },
+      );
+    } else {
+      return FutureBuilder(
+        future: futureBusinessSearchResults,
+        builder: (context, snapshot) {
+          if (snapshot.connectionState == ConnectionState.waiting) {
+            return const Mihloadingcircle();
+          } else if (snapshot.connectionState == ConnectionState.done &&
+              snapshot.hasData) {
+            // return Text("Pulled Data successfully");
+            return BuildBusinessSearchResultsList(
+              businessList: snapshot.requireData!,
+              myLocation: myLocation,
+            );
+          } else if (!snapshot.hasData) {
+            return Column(
+              mainAxisAlignment: MainAxisAlignment.center,
+              crossAxisAlignment: CrossAxisAlignment.center,
+              children: [
+                Icon(
+                  Icons.search,
+                  size: 165,
+                  color:
+                      MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+                ),
+                const SizedBox(height: 10),
+                Text(
+                  "Businesses Of Mzansi!",
+                  textAlign: TextAlign.center,
+                  overflow: TextOverflow.visible,
+                  style: TextStyle(
+                    fontSize: 25,
+                    fontWeight: FontWeight.bold,
+                    color:
+                        MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+                  ),
+                ),
+              ],
+            );
+          } else {
+            return Center(
+              child: Text(
+                "Error pulling Patients Data\n/users/search/${mzansiSearchController.text}",
+                style: TextStyle(
+                    fontSize: 25,
+                    color: MzanziInnovationHub.of(context)!.theme.errorColor()),
+                textAlign: TextAlign.center,
+              ),
+            );
+          }
+        },
+      );
+    }
+  }
 }

Frontend/lib/mih_services/mih_business_details_services.dart

@@ -9,6 +9,26 @@ import '../mih_components/mih_pop_up_messages/mih_error_message.dart';
 import 'package:supertokens_flutter/http.dart' as http;
 
 class MihBusinessDetailsServices {
+  Future<List<Business>> searchBusinesses(
+    String searchText,
+    BuildContext context,
+  ) async {
+    var response = await http.get(
+      Uri.parse("${AppEnviroment.baseApiUrl}/businesses/search/$searchText"),
+      headers: <String, String>{
+        "Content-Type": "application/json; charset=UTF-8"
+      },
+    );
+    if (response.statusCode == 200) {
+      Iterable l = jsonDecode(response.body);
+      List<Business> businesses =
+          List<Business>.from(l.map((model) => Business.fromJson(model)));
+      return businesses;
+    } else {
+      throw Exception('failed to load users');
+    }
+  }
+
   Future<Business?> getBusinessDetails(
     String app_id,
   ) async {