From c1036afff487a5dcecffca288345613fa61b0a74 Mon Sep 17 00:00:00 2001
From: yaso <yasienmeth@gmail.com>
Date: Mon, 4 Nov 2024 09:11:16 +0200
Subject: [PATCH] Add button for beginers guide

---
 .../lib/mih_packages/about_mih/mih_about.dart | 50 ++++++++++++++-----
 1 file changed, 37 insertions(+), 13 deletions(-)

diff --git a/Frontend/patient_manager/lib/mih_packages/about_mih/mih_about.dart b/Frontend/patient_manager/lib/mih_packages/about_mih/mih_about.dart
index 85e1daae..f4c0b142 100644
--- a/Frontend/patient_manager/lib/mih_packages/about_mih/mih_about.dart
+++ b/Frontend/patient_manager/lib/mih_packages/about_mih/mih_about.dart
@@ -84,19 +84,43 @@ class _MIHAboutState extends State<MIHAbout> {
         const SizedBox(
           height: 10,
         ),
-        SizedBox(
-          width: 300,
-          height: 50,
-          child: MIHButton(
-            onTap: () {
-              js.context.callMethod("presentAddToHome");
-            },
-            buttonText: "Install MIH",
-            buttonColor:
-                MzanziInnovationHub.of(context)!.theme.secondaryColor(),
-            textColor: MzanziInnovationHub.of(context)!.theme.primaryColor(),
-          ),
-        ),
+        Wrap(
+            alignment: WrapAlignment.start,
+            crossAxisAlignment: WrapCrossAlignment.start,
+            spacing: 10,
+            runSpacing: 10,
+            children: [
+              SizedBox(
+                width: 300,
+                height: 50,
+                child: MIHButton(
+                  onTap: () {
+                    js.context.callMethod("presentAddToHome");
+                  },
+                  buttonText: "Install MIH",
+                  buttonColor:
+                      MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+                  textColor:
+                      MzanziInnovationHub.of(context)!.theme.primaryColor(),
+                ),
+              ),
+              SizedBox(
+                width: 300,
+                height: 50,
+                child: MIHButton(
+                  onTap: () {
+                    html.window.open(
+                        'https://www.youtube.com/playlist?list=PLuT35kJIui0H5kXjxNOZlHoOPZbQLr4qh',
+                        'new tab');
+                  },
+                  buttonText: "MIH Benigners Guide",
+                  buttonColor:
+                      MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+                  textColor:
+                      MzanziInnovationHub.of(context)!.theme.primaryColor(),
+                ),
+              ),
+            ]),
         const SizedBox(
           height: 10,
         ),