From 06c161a15ac5ce4a29a13b68fe2a062adcbbee96 Mon Sep 17 00:00:00 2001
From: yaso <yasienmeth@gmail.com>
Date: Wed, 5 Feb 2025 15:25:50 +0200
Subject: [PATCH] add link to youtube install guide for iphone when button is
 pressed

---
 .../lib/mih_packages/about_mih/mih_about.dart | 76 +++++++++++++++----
 1 file changed, 62 insertions(+), 14 deletions(-)

diff --git a/Frontend/lib/mih_packages/about_mih/mih_about.dart b/Frontend/lib/mih_packages/about_mih/mih_about.dart
index fdebef3a..6ea1c3b5 100644
--- a/Frontend/lib/mih_packages/about_mih/mih_about.dart
+++ b/Frontend/lib/mih_packages/about_mih/mih_about.dart
@@ -193,6 +193,7 @@ class _MIHAboutState extends State<MIHAbout> {
     } else if (MzanziInnovationHub.of(context)!.theme.getPlatform() ==
         "Android") {
       //Installed Android App
+      // _showIOSInstallationGuide();
       launchSocialUrl(
         Uri.parse(
           "https://play.google.com/store/apps/details?id=za.co.mzansiinnovationhub.mih",
@@ -218,6 +219,20 @@ class _MIHAboutState extends State<MIHAbout> {
             Navigator.of(context).pop();
           },
           windowBody: [
+            Align(
+              alignment: Alignment.centerLeft,
+              child: Text(
+                "In order to install MIH on your iPhone, please follow the below steps:- ",
+                textAlign: TextAlign.left,
+                style: TextStyle(
+                  color:
+                      MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+                  fontSize: windowFontSize,
+                  fontWeight: FontWeight.bold,
+                ),
+              ),
+            ),
+            const SizedBox(height: 10),
             Align(
               alignment: Alignment.centerLeft,
               child: Text(
@@ -249,7 +264,7 @@ class _MIHAboutState extends State<MIHAbout> {
             Align(
               alignment: Alignment.centerLeft,
               child: Text(
-                "3. Scroll down and tap Add to Home Screen.",
+                "3. Scroll down and tap \"Add to Home Screen\".",
                 textAlign: TextAlign.left,
                 style: TextStyle(
                   color:
@@ -277,7 +292,7 @@ class _MIHAboutState extends State<MIHAbout> {
             Align(
               alignment: Alignment.centerLeft,
               child: Text(
-                "5. Tap Add",
+                "5. Tap \"Add\".",
                 textAlign: TextAlign.left,
                 style: TextStyle(
                   color:
@@ -287,19 +302,52 @@ class _MIHAboutState extends State<MIHAbout> {
                 ),
               ),
             ),
+            const SizedBox(height: 10),
+            Align(
+              alignment: Alignment.centerLeft,
+              child: Text(
+                "That's it! Now you can tap the MIH icon on your home screen to open it quickly.",
+                textAlign: TextAlign.left,
+                style: TextStyle(
+                  color:
+                      MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+                  fontSize: windowFontSize,
+                  fontWeight: FontWeight.bold,
+                ),
+              ),
+            ),
+            const SizedBox(height: 10),
+            Align(
+              alignment: Alignment.centerLeft,
+              child: Text(
+                "If you are still having trouble, please click on the button below to view a video guide.",
+                textAlign: TextAlign.left,
+                style: TextStyle(
+                  color: MzanziInnovationHub.of(context)!.theme.errorColor(),
+                  fontSize: windowFontSize,
+                  fontWeight: FontWeight.bold,
+                ),
+              ),
+            ),
             const SizedBox(height: 15),
-            // SizedBox(
-            //   width: 300,
-            //   height: 50,
-            //   child: MIHButton(
-            //     onTap: () {},
-            //     buttonText: "Video Guide",
-            //     buttonColor:
-            //         MzanziInnovationHub.of(context)!.theme.secondaryColor(),
-            //     textColor:
-            //         MzanziInnovationHub.of(context)!.theme.primaryColor(),
-            //   ),
-            // ),
+            SizedBox(
+              width: 300,
+              height: 50,
+              child: MIHButton(
+                onTap: () {
+                  launchSocialUrl(
+                    Uri.parse(
+                      "https://www.youtube.com/watch?v=KVK78IV28JY",
+                    ),
+                  );
+                },
+                buttonText: "Video Guide",
+                buttonColor:
+                    MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+                textColor:
+                    MzanziInnovationHub.of(context)!.theme.primaryColor(),
+              ),
+            ),
           ],
         );
       },