Update button Text

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

@@ -419,23 +419,47 @@ class _MihInfoState extends State<MihInfo> {
     }
   }
 
-  String getInstallButtonText() {
+  Widget getInstallButtonText() {
     final isWebAndroid =
         kIsWeb && (defaultTargetPlatform == TargetPlatform.android);
     final isWebIos = kIsWeb && (defaultTargetPlatform == TargetPlatform.iOS);
-
+    String btnText = "";
+    IconData platformIcon;
     if (isWebAndroid) {
-      return "Install MIH (Play Store)";
+      btnText = "Install MIH";
+      platformIcon = FontAwesomeIcons.googlePlay;
     } else if (isWebIos) {
-      return "Install MIH (PWA)";
+      btnText = "Install MIH";
+      platformIcon = FontAwesomeIcons.appStoreIos;
     } else if (MzansiInnovationHub.of(context)!.theme.getPlatform() ==
         "Android") {
-      return "Update MIH (Play Store)";
+      btnText = "Update MIH";
+      platformIcon = FontAwesomeIcons.googlePlay;
     } else if (MzansiInnovationHub.of(context)!.theme.getPlatform() == "iOS") {
-      return "Update MIH (App Store)";
+      btnText = "Update MIH";
+      platformIcon = FontAwesomeIcons.appStoreIos;
     } else {
-      return "Install MIH (PWA)";
+      btnText = "Install MIH";
+      platformIcon = FontAwesomeIcons.globe;
     }
+    return Row(
+      mainAxisAlignment: MainAxisAlignment.center,
+      children: [
+        FaIcon(
+          platformIcon,
+          color: MzansiInnovationHub.of(context)!.theme.primaryColor(),
+        ),
+        const SizedBox(width: 10),
+        Text(
+          btnText,
+          style: TextStyle(
+            color: MzansiInnovationHub.of(context)!.theme.primaryColor(),
+            fontSize: 20,
+            fontWeight: FontWeight.bold,
+          ),
+        ),
+      ],
+    );
   }
 
   void shareMIHLink(BuildContext context, String message, String link) {
@@ -520,16 +544,7 @@ class _MihInfoState extends State<MihInfo> {
                       buttonColor:
                           MzansiInnovationHub.of(context)!.theme.successColor(),
                       width: 300,
-                      child: Text(
+                      child: getInstallButtonText(),
-                        getInstallButtonText(),
-                        style: TextStyle(
-                          color: MzansiInnovationHub.of(context)!
-                              .theme
-                              .primaryColor(),
-                          fontSize: 20,
-                          fontWeight: FontWeight.bold,
-                        ),
-                      ),
                     ),
                     MihButton(
                       onPressed: () {
@@ -542,15 +557,27 @@ class _MihInfoState extends State<MihInfo> {
                       buttonColor:
                           MzansiInnovationHub.of(context)!.theme.successColor(),
                       width: 300,
-                      child: Text(
+                      child: Row(
-                        "MIH Beginners Guide",
+                        mainAxisAlignment: MainAxisAlignment.center,
-                        style: TextStyle(
+                        children: [
-                          color: MzansiInnovationHub.of(context)!
+                          FaIcon(
-                              .theme
+                            FontAwesomeIcons.youtube,
-                              .primaryColor(),
+                            color: MzansiInnovationHub.of(context)!
-                          fontSize: 20,
+                                .theme
-                          fontWeight: FontWeight.bold,
+                                .primaryColor(),
-                        ),
+                          ),
+                          const SizedBox(width: 10),
+                          Text(
+                            "MIH Beginners Guide",
+                            style: TextStyle(
+                              color: MzansiInnovationHub.of(context)!
+                                  .theme
+                                  .primaryColor(),
+                              fontSize: 20,
+                              fontWeight: FontWeight.bold,
+                            ),
+                          ),
+                        ],
                       ),
                     ),
                     MihButton(
@@ -567,12 +594,13 @@ class _MihInfoState extends State<MihInfo> {
                       child: Row(
                         mainAxisAlignment: MainAxisAlignment.center,
                         children: [
-                          // FaIcon(
+                          FaIcon(
-                          //   FontAwesomeIcons.patreon,
+                            FontAwesomeIcons.patreon,
-                          //   color: MzansiInnovationHub.of(context)!
+                            color: MzansiInnovationHub.of(context)!
-                          //       .theme
+                                .theme
-                          //       .primaryColor(),
+                                .primaryColor(),
-                          // ),
+                          ),
+                          const SizedBox(width: 10),
                           Text(
                             "Support Our Journey",
                             style: TextStyle(