Ask Mzansi Activates chat

2025-06-02 10:33:34 +02:00
parent 42177b2528
commit e9b97a4e11
9 changed files with 197 additions and 100 deletions
--- a/Frontend/lib/mih_packages/mih_home/package_tools/mih_business_home.dart
+++ b/Frontend/lib/mih_packages/mih_home/package_tools/mih_business_home.dart
@@ -1,3 +1,4 @@
+import 'package:flutter/services.dart';
 import 'package:mzansi_innovation_hub/main.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_layout/mih_single_child_scroll.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_icons.dart';
@@ -45,6 +46,7 @@ class _MihBusinessHomeState extends State<MihBusinessHome>
  late final AnimationController _marqueeController;
  late final ScrollController _scrollController;
  final FocusNode _searchFocusNode = FocusNode();
+  final FocusNode _focusNode = FocusNode();
  final String maintenanceMsg =
      "\tHeads up! We're doing maintenance on Thur, 15 May 2025 at 10 PM (CAT). MIH may be unavailable briefly.";

@@ -202,52 +204,79 @@ class _MihBusinessHomeState extends State<MihBusinessHome>

  Widget getBody(double width, double height) {
    return MihSingleChildScroll(
-      child: Column(
-        children: [
-          const SizedBox(height: 10),
-          Padding(
-            padding: EdgeInsets.symmetric(horizontal: width / 20),
-            child: MihSearchBar(
-              controller: searchController,
-              hintText: "Ask Mzansi",
-              prefixIcon: Icons.search,
-              prefixAltIcon: MihIcons.mzansiAi,
-              fillColor:
-                  MzanziInnovationHub.of(context)!.theme.secondaryColor(),
-              hintColor: MzanziInnovationHub.of(context)!.theme.primaryColor(),
-              onPrefixIconTap: () {
-                print("Search Text: ${searchController.text}");
-              },
-              searchFocusNode: _searchFocusNode,
-            ),
-          ),
-          const SizedBox(height: 10),
-          ValueListenableBuilder(
-            valueListenable: searchPackageName,
-            builder: (context, value, child) {
-              List<Widget> filteredPackages = value
-                  .where((package) => package.keys.first
-                      .toLowerCase()
-                      .contains(searchController.text.toLowerCase()))
-                  .map((package) => package.values.first)
-                  .toList();
-              return GridView.builder(
-                physics: const NeverScrollableScrollPhysics(),
-                shrinkWrap: true,
-                padding: getPadding(width, height),
-                // shrinkWrap: true,
-                itemCount: filteredPackages.length,
-                gridDelegate: SliverGridDelegateWithMaxCrossAxisExtent(
-                  maxCrossAxisExtent: packageSize,
-                  crossAxisSpacing: 5,
-                ),
-                itemBuilder: (context, index) {
-                  return filteredPackages[index];
+      child: KeyboardListener(
+        focusNode: _focusNode,
+        autofocus: true,
+        onKeyEvent: (event) async {
+          if (event is KeyDownEvent &&
+              event.logicalKey == LogicalKeyboardKey.enter) {
+            Navigator.of(context).pushNamed(
+              '/mzansi-ai',
+              arguments: MzansiAiArguments(
+                widget.signedInUser,
+                searchController.text.isEmpty ? null : searchController.text,
+              ),
+            );
+            searchController.clear();
+          }
+        },
+        child: Column(
+          children: [
+            const SizedBox(height: 10),
+            Padding(
+              padding: EdgeInsets.symmetric(horizontal: width / 20),
+              child: MihSearchBar(
+                controller: searchController,
+                hintText: "Ask Mzansi",
+                prefixIcon: Icons.search,
+                prefixAltIcon: MihIcons.mzansiAi,
+                fillColor:
+                    MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+                hintColor:
+                    MzanziInnovationHub.of(context)!.theme.primaryColor(),
+                onPrefixIconTap: () {
+                  Navigator.of(context).pushNamed(
+                    '/mzansi-ai',
+                    arguments: MzansiAiArguments(
+                      widget.signedInUser,
+                      searchController.text.isEmpty
+                          ? null
+                          : searchController.text,
+                    ),
+                  );
+                  searchController.clear();
                },
-              );
-            },
-          ),
-        ],
+                searchFocusNode: _searchFocusNode,
+              ),
+            ),
+            const SizedBox(height: 10),
+            ValueListenableBuilder(
+              valueListenable: searchPackageName,
+              builder: (context, value, child) {
+                List<Widget> filteredPackages = value
+                    .where((package) => package.keys.first
+                        .toLowerCase()
+                        .contains(searchController.text.toLowerCase()))
+                    .map((package) => package.values.first)
+                    .toList();
+                return GridView.builder(
+                  physics: const NeverScrollableScrollPhysics(),
+                  shrinkWrap: true,
+                  padding: getPadding(width, height),
+                  // shrinkWrap: true,
+                  itemCount: filteredPackages.length,
+                  gridDelegate: SliverGridDelegateWithMaxCrossAxisExtent(
+                    maxCrossAxisExtent: packageSize,
+                    crossAxisSpacing: 5,
+                  ),
+                  itemBuilder: (context, index) {
+                    return filteredPackages[index];
+                  },
+                );
+              },
+            ),
+          ],
+        ),
      ),
    );
  }
--- a/Frontend/lib/mih_packages/mih_home/package_tools/mih_personal_home.dart
+++ b/Frontend/lib/mih_packages/mih_home/package_tools/mih_personal_home.dart
@@ -1,3 +1,4 @@
+import 'package:flutter/services.dart';
 import 'package:mzansi_innovation_hub/main.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_layout/mih_single_child_scroll.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_icons.dart';
@@ -53,6 +54,7 @@ class _MihPersonalHomeState extends State<MihPersonalHome>
  late final AnimationController _marqueeController;
  late final ScrollController _scrollController;
  final FocusNode _searchFocusNode = FocusNode();
+  final FocusNode _focusNode = FocusNode();
  final String maintenanceMsg =
      "\tHeads up! We're doing maintenance on Thur, 15 May 2025 at 10 PM (CAT). MIH may be unavailable briefly.";

@@ -245,53 +247,80 @@ class _MihPersonalHomeState extends State<MihPersonalHome>

  Widget getBody(double width, double height) {
    return MihSingleChildScroll(
-      child: Column(
-        children: [
-          const SizedBox(height: 10),
-          Padding(
-            padding: EdgeInsets.symmetric(horizontal: width / 20),
-            child: MihSearchBar(
-              controller: searchController,
-              hintText: "Ask Mzansi",
-              prefixIcon: Icons.search,
-              prefixAltIcon: MihIcons.mzansiAi,
-              fillColor:
-                  MzanziInnovationHub.of(context)!.theme.secondaryColor(),
-              hintColor: MzanziInnovationHub.of(context)!.theme.primaryColor(),
-              onPrefixIconTap: () {
-                print("Search Text: ${searchController.text}");
-              },
-              searchFocusNode: _searchFocusNode,
-            ),
-          ),
-          const SizedBox(height: 10),
-          ValueListenableBuilder(
-            valueListenable: searchPackageName,
-            builder: (context, value, child) {
-              List<Widget> filteredPackages = value
-                  .where((package) => package.keys.first
-                      .toLowerCase()
-                      .contains(searchController.text.toLowerCase()))
-                  .map((package) => package.values.first)
-                  .toList();
-              return GridView.builder(
-                physics: const NeverScrollableScrollPhysics(),
-                shrinkWrap: true,
-                padding: getPadding(width, height),
-                // shrinkWrap: true,
-                itemCount: filteredPackages.length,
-                gridDelegate: SliverGridDelegateWithMaxCrossAxisExtent(
-                  maxCrossAxisExtent: packageSize,
-                  crossAxisSpacing: 5,
-                ),
-                itemBuilder: (context, index) {
-                  return filteredPackages[index];
-                  // return personalPackages[index];
+      child: KeyboardListener(
+        focusNode: _focusNode,
+        autofocus: true,
+        onKeyEvent: (event) async {
+          if (event is KeyDownEvent &&
+              event.logicalKey == LogicalKeyboardKey.enter) {
+            Navigator.of(context).pushNamed(
+              '/mzansi-ai',
+              arguments: MzansiAiArguments(
+                widget.signedInUser,
+                searchController.text.isEmpty ? null : searchController.text,
+              ),
+            );
+            searchController.clear();
+          }
+        },
+        child: Column(
+          children: [
+            const SizedBox(height: 10),
+            Padding(
+              padding: EdgeInsets.symmetric(horizontal: width / 20),
+              child: MihSearchBar(
+                controller: searchController,
+                hintText: "Ask Mzansi",
+                prefixIcon: Icons.search,
+                prefixAltIcon: MihIcons.mzansiAi,
+                fillColor:
+                    MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+                hintColor:
+                    MzanziInnovationHub.of(context)!.theme.primaryColor(),
+                onPrefixIconTap: () {
+                  Navigator.of(context).pushNamed(
+                    '/mzansi-ai',
+                    arguments: MzansiAiArguments(
+                      widget.signedInUser,
+                      searchController.text.isEmpty
+                          ? null
+                          : searchController.text,
+                    ),
+                  );
+                  searchController.clear();
                },
-              );
-            },
-          ),
-        ],
+                searchFocusNode: _searchFocusNode,
+              ),
+            ),
+            const SizedBox(height: 10),
+            ValueListenableBuilder(
+              valueListenable: searchPackageName,
+              builder: (context, value, child) {
+                List<Widget> filteredPackages = value
+                    .where((package) => package.keys.first
+                        .toLowerCase()
+                        .contains(searchController.text.toLowerCase()))
+                    .map((package) => package.values.first)
+                    .toList();
+                return GridView.builder(
+                  physics: const NeverScrollableScrollPhysics(),
+                  shrinkWrap: true,
+                  padding: getPadding(width, height),
+                  // shrinkWrap: true,
+                  itemCount: filteredPackages.length,
+                  gridDelegate: SliverGridDelegateWithMaxCrossAxisExtent(
+                    maxCrossAxisExtent: packageSize,
+                    crossAxisSpacing: 5,
+                  ),
+                  itemBuilder: (context, index) {
+                    return filteredPackages[index];
+                    // return personalPackages[index];
+                  },
+                );
+              },
+            ),
+          ],
+        ),
      ),
    );
  }