add url launcher to open links

Frontend/lib/mih_packages/about_mih/mih_about.dart

@@ -8,6 +8,7 @@ import '../../mih_components/mih_layout/mih_tile.dart';
 import '../../main.dart';
 import 'package:font_awesome_flutter/font_awesome_flutter.dart';
 import "package:universal_html/js.dart" as js;
+import 'package:url_launcher/url_launcher.dart';
 // import 'dart:html' as html;
 
 class MIHAbout extends StatefulWidget {
@@ -20,6 +21,20 @@ class MIHAbout extends StatefulWidget {
 }
 
 class _MIHAboutState extends State<MIHAbout> {
+  final Uri _tiktokUrl =
+      Uri.parse('https://www.tiktok.com/@mzansi.innovation.hub');
+  final Uri _instagramUrl =
+      Uri.parse('https://www.instagram.com/mzansi.innovation.hub');
+  final Uri _whatsappUrl =
+      Uri.parse('https://whatsapp.com/channel/0029Vax3INCIyPtMn8KgeM2F');
+  final Uri _youtubeUrl =
+      Uri.parse('https://www.youtube.com/@mzansiinnovationhub');
+  final Uri _xUrl = Uri.parse('https://x.com/mzansi_inno_hub');
+  final Uri _linkedinUrl =
+      Uri.parse('https://www.linkedin.com/company/mzansi-innovation-hub/');
+  final Uri _facebookUrl =
+      Uri.parse('https://www.facebook.com/profile.php?id=61565345762136');
+
   MIHAction getActionButton() {
     return MIHAction(
       icon: const Icon(Icons.arrow_back),
@@ -317,7 +332,7 @@ class _MIHAboutState extends State<MIHAbout> {
                 // //bottom: height / 5,
                 // top: 20,
                 ),
-            // physics: ,
+            physics: const NeverScrollableScrollPhysics(),
             // shrinkWrap: true,
             itemCount: getSocialsList().length,
             gridDelegate: const SliverGridDelegateWithMaxCrossAxisExtent(
@@ -335,8 +350,7 @@ class _MIHAboutState extends State<MIHAbout> {
     List<Widget> socials = [];
     socials.add(MIHTile(
       onTap: () {
-        // html.window
+        launchSocialUrl(_tiktokUrl);
-        //     .open('https://www.tiktok.com/@mzansi.innovation.hub', 'new tab');
       },
       tileName: "TikTok",
       tileIcon: Center(
@@ -352,8 +366,7 @@ class _MIHAboutState extends State<MIHAbout> {
     //==================================================================
     socials.add(MIHTile(
       onTap: () {
-        // html.window
+        launchSocialUrl(_instagramUrl);
-        //     .open('https://www.instagram.com/mzansi.innovation.hub', 'new tab');
       },
       tileName: "Instagram",
       tileIcon: Center(
@@ -369,8 +382,7 @@ class _MIHAboutState extends State<MIHAbout> {
     //==================================================================
     socials.add(MIHTile(
       onTap: () {
-        // html.window.open(
+        launchSocialUrl(_whatsappUrl);
-        //     'https://whatsapp.com/channel/0029Vax3INCIyPtMn8KgeM2F', 'new tab');
       },
       tileName: "Whatsapp",
       tileIcon: Center(
@@ -386,8 +398,7 @@ class _MIHAboutState extends State<MIHAbout> {
     //==================================================================
     socials.add(MIHTile(
       onTap: () {
-        // html.window
+        launchSocialUrl(_youtubeUrl);
-        //     .open('https://www.youtube.com/@mzansiinnovationhub', 'new tab');
       },
       tileName: "YouTube",
       tileIcon: Center(
@@ -403,7 +414,7 @@ class _MIHAboutState extends State<MIHAbout> {
     //==================================================================
     socials.add(MIHTile(
       onTap: () {
-        // html.window.open('https://x.com/mzansi_inno_hub', 'new tab');
+        launchSocialUrl(_xUrl);
       },
       tileName: "X",
       tileIcon: Center(
@@ -419,9 +430,7 @@ class _MIHAboutState extends State<MIHAbout> {
     //==================================================================
     socials.add(MIHTile(
       onTap: () {
-        // html.window.open(
+        launchSocialUrl(_linkedinUrl);
-        //     'https://www.linkedin.com/company/mzansi-innovation-hub/',
-        //     'new tab');
       },
       tileName: "LinkedIn",
       tileIcon: Center(
@@ -437,9 +446,7 @@ class _MIHAboutState extends State<MIHAbout> {
     //==================================================================
     socials.add(MIHTile(
       onTap: () {
-        // html.window.open(
+        launchSocialUrl(_facebookUrl);
-        //     'https://www.facebook.com/profile.php?id=61565345762136',
-        //     'new tab');
       },
       tileName: "FaceBook",
       tileIcon: Center(
@@ -456,6 +463,12 @@ class _MIHAboutState extends State<MIHAbout> {
     return socials;
   }
 
+  Future<void> launchSocialUrl(Uri linkUrl) async {
+    if (!await launchUrl(linkUrl)) {
+      throw Exception('Could not launch $linkUrl');
+    }
+  }
+
   @override
   void dispose() {
     super.dispose();

Frontend/lib/mih_packages/patient_profile/builder/build_file_view.dart

@@ -103,10 +103,13 @@ class _BuildFileViewState extends State<BuildFileView> {
                 iconSize: 35,
                 padding: const EdgeInsets.all(0),
                 onPressed: () {
+                  if (MzanziInnovationHub.of(context)!.theme.getPlatform() ==
+                      "Web") {
                     html.window.open(
                         widget.link,
                         // '${AppEnviroment.baseFileUrl}/mih/$filePath',
                         'download');
+                  } else {}
                 },
                 icon: Icon(
                   Icons.download,
@@ -164,10 +167,17 @@ class _BuildFileViewState extends State<BuildFileView> {
                 iconSize: 35,
                 padding: const EdgeInsets.all(0),
                 onPressed: () {
+                  if (MzanziInnovationHub.of(context)!.theme.getPlatform() ==
+                      "Web") {
                     html.window.open(
                         widget.link,
                         // '${AppEnviroment.baseFileUrl}/mih/$filePath',
                         'download');
+                  } else {}
+                  // html.window.open(
+                  //     widget.link,
+                  //     // '${AppEnviroment.baseFileUrl}/mih/$filePath',
+                  //     'download');
                 },
                 icon: Icon(
                   Icons.download,

Frontend/lib/mih_packages/patient_profile/full_screen_file.dart

@@ -210,10 +210,12 @@ class _FullScreenFileViewerState extends State<FullScreenFileViewer> {
           iconSize: 30,
           padding: const EdgeInsets.all(0),
           onPressed: () {
+            if (MzanziInnovationHub.of(context)!.theme.getPlatform() == "Web") {
               html.window.open(
                   widget.arguments.link,
                   // '${AppEnviroment.baseFileUrl}/mih/$filePath',
                   'download');
+            } else {}
           },
           icon: Icon(
             Icons.download,