From cd868ab4f6fb7cc487e0f0758ba758001c242e40 Mon Sep 17 00:00:00 2001
From: yaso <yasienmeth@gmail.com>
Date: Wed, 16 Oct 2024 08:57:42 +0200
Subject: [PATCH] dowlnoad link on about page

---
 .../lib/mih_apis/mih_api_calls.dart           |  2 ++
 .../lib/mih_packages/about_mih/mih_about.dart | 19 ++++++++++-
 Frontend/patient_manager/web/index.html       |  1 +
 Frontend/patient_manager/web/install_pwa.js   | 33 +++++++++++++++++++
 4 files changed, 54 insertions(+), 1 deletion(-)
 create mode 100644 Frontend/patient_manager/web/install_pwa.js

diff --git a/Frontend/patient_manager/lib/mih_apis/mih_api_calls.dart b/Frontend/patient_manager/lib/mih_apis/mih_api_calls.dart
index 7fea51e4..89e02bfa 100644
--- a/Frontend/patient_manager/lib/mih_apis/mih_api_calls.dart
+++ b/Frontend/patient_manager/lib/mih_apis/mih_api_calls.dart
@@ -112,4 +112,6 @@ class MIHApiCalls {
     //print(userPic);
     return HomeArguments(userData, bUserData, busData, notifi, userPic);
   }
+
+  
 }
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 8b9e029d..30dc7be5 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
@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:patient_manager/mih_components/mih_inputs_and_buttons/mih_button.dart';
 import 'package:patient_manager/mih_components/mih_layout/mih_action.dart';
 import 'package:patient_manager/mih_components/mih_layout/mih_body.dart';
 import 'package:patient_manager/mih_components/mih_layout/mih_header.dart';
@@ -6,7 +7,7 @@ import 'package:patient_manager/mih_components/mih_layout/mih_layout_builder.dar
 import 'package:patient_manager/mih_components/mih_layout/mih_tile.dart';
 import 'package:patient_manager/main.dart';
 import 'package:font_awesome_flutter/font_awesome_flutter.dart';
-
+import "package:universal_html/js.dart" as js;
 import 'dart:html' as html;
 
 class MIHAbout extends StatefulWidget {
@@ -76,6 +77,22 @@ class _MIHAboutState extends State<MIHAbout> {
             fontSize: 15,
           ),
         ),
+        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(),
+          ),
+        ),
         const Padding(
           padding: EdgeInsets.symmetric(vertical: 10.0),
           child: Divider(),
diff --git a/Frontend/patient_manager/web/index.html b/Frontend/patient_manager/web/index.html
index 3401ef68..6c46c4fd 100644
--- a/Frontend/patient_manager/web/index.html
+++ b/Frontend/patient_manager/web/index.html
@@ -96,6 +96,7 @@
       document.body.style.background = "transparent";
     }
   </script>
+  <script src="install_pwa.js" defer></script>
   <!-- Splash screen -->
   <!-- <script>
     var dartPdfJsBaseUrl = "https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.2.146/";
diff --git a/Frontend/patient_manager/web/install_pwa.js b/Frontend/patient_manager/web/install_pwa.js
new file mode 100644
index 00000000..c6b796e6
--- /dev/null
+++ b/Frontend/patient_manager/web/install_pwa.js
@@ -0,0 +1,33 @@
+let deferredPrompt;
+
+// add to homescreen
+window.addEventListener("beforeinstallprompt", (e) => {
+    // Prevent Chrome 67 and earlier from automatically showing the prompt
+    e.preventDefault();
+    // Stash the event so it can be triggered later.
+    deferredPrompt = e;
+});
+
+function isDeferredNotNull() {
+    return deferredPrompt != null;
+}
+
+function presentAddToHome() {
+    if (deferredPrompt != null) {
+        // Update UI to notify the user they can add to home screen
+        // Show the prompt
+        deferredPrompt.prompt();
+        // Wait for the user to respond to the prompt
+        deferredPrompt.userChoice.then((choiceResult) => {
+            if (choiceResult.outcome === "accepted") {
+                console.log("User accepted the A2HS prompt");
+            } else {
+                console.log("User dismissed the A2HS prompt");
+            }
+            deferredPrompt = null;
+        });
+    } else {
+        console.log("deferredPrompt is null");
+        return null;
+    }
+}
\ No newline at end of file