Add Floating Menu on Mzansi Wallet & About MIH

Frontend/lib/mih_packages/about_mih/package_tools/mih_info.dart

@@ -1,3 +1,4 @@
+import 'package:flutter_speed_dial/flutter_speed_dial.dart';
 import 'package:mzansi_innovation_hub/main.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_inputs_and_buttons/mih_button.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_layout/mih_single_child_scroll.dart';
@@ -6,9 +7,11 @@ import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih-
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:font_awesome_flutter/font_awesome_flutter.dart';
+import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_floating_menu.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_icons.dart';
 import "package:universal_html/js.dart" as js;
 import 'package:url_launcher/url_launcher.dart';
+import 'package:share_plus/share_plus.dart';
 
 class MihInfo extends StatefulWidget {
   const MihInfo({super.key});
@@ -581,6 +584,13 @@ class _MihInfoState extends State<MihInfo> {
     }
   }
 
+  void shareMIHLink(BuildContext context, String message, String link) {
+    String shareText = "$message: $link";
+    Share.share(
+      shareText,
+    );
+  }
+
   @override
   Widget build(BuildContext context) {
     return MihAppToolBody(
@@ -590,7 +600,9 @@ class _MihInfoState extends State<MihInfo> {
   }
 
   Widget getBody() {
-    return MihSingleChildScroll(
+    return Stack(
+      children: [
+        MihSingleChildScroll(
           child: Column(
             children: [
               SizedBox(
@@ -598,7 +610,8 @@ class _MihInfoState extends State<MihInfo> {
                 child: FittedBox(
                   child: Icon(
                     MihIcons.mihLogo,
-                color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+                    color:
+                        MzanziInnovationHub.of(context)!.theme.secondaryColor(),
                   ),
                 ),
               ),
@@ -646,10 +659,12 @@ class _MihInfoState extends State<MihInfo> {
                           installMihTrigger();
                         },
                         buttonText: getInstallButtonText(),
-                    buttonColor:
+                        buttonColor: MzanziInnovationHub.of(context)!
-                        MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+                            .theme
-                    textColor:
+                            .secondaryColor(),
-                        MzanziInnovationHub.of(context)!.theme.primaryColor(),
+                        textColor: MzanziInnovationHub.of(context)!
+                            .theme
+                            .primaryColor(),
                       ),
                     ),
                     SizedBox(
@@ -664,10 +679,12 @@ class _MihInfoState extends State<MihInfo> {
                           );
                         },
                         buttonText: "MIH Beginners Guide",
-                    buttonColor:
+                        buttonColor: MzanziInnovationHub.of(context)!
-                        MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+                            .theme
-                    textColor:
+                            .secondaryColor(),
-                        MzanziInnovationHub.of(context)!.theme.primaryColor(),
+                        textColor: MzanziInnovationHub.of(context)!
+                            .theme
+                            .primaryColor(),
                       ),
                     ),
                   ]),
@@ -696,6 +713,83 @@ class _MihInfoState extends State<MihInfo> {
               mihSocials(),
             ],
           ),
+        ),
+        Positioned(
+          right: 0,
+          bottom: 0,
+          child: MihFloatingMenu(
+            icon: Icons.share,
+            children: [
+              SpeedDialChild(
+                child: Icon(
+                  Icons.vpn_lock,
+                  color: MzanziInnovationHub.of(context)!.theme.primaryColor(),
+                ),
+                label: "MIH - Web",
+                labelBackgroundColor:
+                    MzanziInnovationHub.of(context)!.theme.successColor(),
+                labelStyle: TextStyle(
+                  color: MzanziInnovationHub.of(context)!.theme.primaryColor(),
+                  fontWeight: FontWeight.bold,
+                ),
+                backgroundColor:
+                    MzanziInnovationHub.of(context)!.theme.successColor(),
+                onTap: () {
+                  shareMIHLink(
+                    context,
+                    "Check out the MIH app on the Web",
+                    "https://app.mzansi-innovation-hub.co.za/",
+                  );
+                },
+              ),
+              SpeedDialChild(
+                child: Icon(
+                  Icons.apple,
+                  color: MzanziInnovationHub.of(context)!.theme.primaryColor(),
+                ),
+                label: "MIH - iOS",
+                labelBackgroundColor:
+                    MzanziInnovationHub.of(context)!.theme.successColor(),
+                labelStyle: TextStyle(
+                  color: MzanziInnovationHub.of(context)!.theme.primaryColor(),
+                  fontWeight: FontWeight.bold,
+                ),
+                backgroundColor:
+                    MzanziInnovationHub.of(context)!.theme.successColor(),
+                onTap: () {
+                  shareMIHLink(
+                    context,
+                    "Check out the MIH app on the App Store",
+                    "https://apps.apple.com/za/app/mzansi-innovation-hub/id6743310890",
+                  );
+                },
+              ),
+              SpeedDialChild(
+                child: Icon(
+                  Icons.android,
+                  color: MzanziInnovationHub.of(context)!.theme.primaryColor(),
+                ),
+                label: "MIH - Android",
+                labelBackgroundColor:
+                    MzanziInnovationHub.of(context)!.theme.successColor(),
+                labelStyle: TextStyle(
+                  color: MzanziInnovationHub.of(context)!.theme.primaryColor(),
+                  fontWeight: FontWeight.bold,
+                ),
+                backgroundColor:
+                    MzanziInnovationHub.of(context)!.theme.successColor(),
+                onTap: () {
+                  shareMIHLink(
+                    context,
+                    "Check out the MIH app on the Play Store",
+                    "https://play.google.com/store/apps/details?id=za.co.mzansiinnovationhub.mih",
+                  );
+                },
+              ),
+            ],
+          ),
+        )
+      ],
     );
   }
 }

Frontend/lib/mih_packages/mzansi_wallet/package_tools/mih_cards.dart

@@ -320,20 +320,25 @@ class _MihCardsState extends State<MihCards> {
         Positioned(
           right: 0,
           bottom: 0,
-          child: MihFloatingMenu(children: [
+          child: MihFloatingMenu(
+              animatedIcon: AnimatedIcons.menu_close,
+              children: [
                 SpeedDialChild(
                   child: Icon(
                     Icons.add,
-                color: MzanziInnovationHub.of(context)!.theme.primaryColor(),
+                    color:
+                        MzanziInnovationHub.of(context)!.theme.primaryColor(),
                   ),
-              label: "Add",
+                  label: "Add Card",
                   labelBackgroundColor:
-                  MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+                      MzanziInnovationHub.of(context)!.theme.successColor(),
                   labelStyle: TextStyle(
-                color: MzanziInnovationHub.of(context)!.theme.primaryColor(),
+                    color:
+                        MzanziInnovationHub.of(context)!.theme.primaryColor(),
+                    fontWeight: FontWeight.bold,
                   ),
                   backgroundColor:
-                  MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+                      MzanziInnovationHub.of(context)!.theme.successColor(),
                   onTap: () {
                     addCardWindow(context);
                   },