From 791b4009ed343e4832b9e09110a016b0708e4021 Mon Sep 17 00:00:00 2001
From: yaso-meth <yasienmeth@gmail.com>
Date: Fri, 6 Sep 2024 12:09:44 +0200
Subject: [PATCH] Dynamic pop[ up - delete

---
 .../popUpMessages/mihDeleteMessage.dart       | 100 +++++++++++-------
 1 file changed, 62 insertions(+), 38 deletions(-)

diff --git a/Frontend/patient_manager/lib/components/popUpMessages/mihDeleteMessage.dart b/Frontend/patient_manager/lib/components/popUpMessages/mihDeleteMessage.dart
index 5ebaae0e..1dcbb1c3 100644
--- a/Frontend/patient_manager/lib/components/popUpMessages/mihDeleteMessage.dart
+++ b/Frontend/patient_manager/lib/components/popUpMessages/mihDeleteMessage.dart
@@ -17,16 +17,47 @@ class MIHDeleteMessage extends StatefulWidget {
 
 class _MIHDeleteMessageState extends State<MIHDeleteMessage> {
   var messageTypes = <String, Widget>{};
+  late double popUpWidth;
+  late double? popUpheight;
+  late double popUpTitleSize;
+  late double popUpSubtitleSize;
+  late double popUpBodySize;
+  late double popUpIconSize;
+  late double popUpPaddingSize;
   late double width;
   late double height;
 
+  void checkScreenSize() {
+    if (MzanziInnovationHub.of(context)!.theme.screenType == "desktop") {
+      setState(() {
+        popUpWidth = (width / 4) * 2;
+        popUpheight = null;
+        popUpTitleSize = 25.0;
+        popUpSubtitleSize = 20.0;
+        popUpBodySize = 15;
+        popUpPaddingSize = 25.0;
+        popUpIconSize = 100;
+      });
+    } else {
+      setState(() {
+        popUpWidth = width - (width * 0.1);
+        popUpheight = null;
+        popUpTitleSize = 20.0;
+        popUpSubtitleSize = 18.0;
+        popUpBodySize = 15;
+        popUpPaddingSize = 15.0;
+        popUpIconSize = 100;
+      });
+    }
+  }
+
   void setDeleteNote() {
     messageTypes["Note"] = Stack(
       children: [
         Container(
-          padding: const EdgeInsets.all(10.0),
-          width: 500.0,
-          height: (height / 3) * 1,
+          padding: EdgeInsets.all(popUpPaddingSize),
+          width: popUpWidth,
+          height: popUpheight,
           decoration: BoxDecoration(
             color: MzanziInnovationHub.of(context)!.theme.primaryColor(),
             borderRadius: BorderRadius.circular(25.0),
@@ -36,40 +67,36 @@ class _MIHDeleteMessageState extends State<MIHDeleteMessage> {
           ),
           child: SingleChildScrollView(
             child: Column(
-              //mainAxisSize: MainAxisSize.max,
+              mainAxisSize: MainAxisSize.min,
               children: [
                 Icon(
                   Icons.warning_amber_rounded,
-                  size: 100,
+                  size: popUpIconSize,
                   color:
                       MzanziInnovationHub.of(context)!.theme.secondaryColor(),
                 ),
-                const SizedBox(height: 15),
+                //const SizedBox(height: 15),
                 Text(
                   "Are you sure you want to delete this?",
                   textAlign: TextAlign.center,
                   style: TextStyle(
                     color:
                         MzanziInnovationHub.of(context)!.theme.secondaryColor(),
-                    fontSize: 25.0,
+                    fontSize: popUpTitleSize,
                     fontWeight: FontWeight.bold,
                   ),
                 ),
                 const SizedBox(height: 15),
-                Padding(
-                  padding: const EdgeInsets.symmetric(horizontal: 25.0),
-                  child: Text(
-                    "This note will be deleted permanently. Are you certain you want to delete it?",
-                    style: TextStyle(
-                      color: MzanziInnovationHub.of(context)!
-                          .theme
-                          .secondaryColor(),
-                      fontSize: 15.0,
-                      fontWeight: FontWeight.bold,
-                    ),
+                Text(
+                  "This note will be deleted permanently. Are you certain you want to delete it?",
+                  style: TextStyle(
+                    color:
+                        MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+                    fontSize: popUpBodySize,
+                    fontWeight: FontWeight.bold,
                   ),
                 ),
-                const SizedBox(height: 30),
+                const SizedBox(height: 15),
                 SizedBox(
                     width: 300,
                     height: 50,
@@ -110,9 +137,9 @@ class _MIHDeleteMessageState extends State<MIHDeleteMessage> {
     messageTypes["File"] = Stack(
       children: [
         Container(
-          padding: const EdgeInsets.all(10.0),
-          width: 500.0,
-          height: (height / 3) * 1,
+          padding: EdgeInsets.all(popUpPaddingSize),
+          width: popUpWidth,
+          height: popUpheight,
           decoration: BoxDecoration(
             color: MzanziInnovationHub.of(context)!.theme.primaryColor(),
             borderRadius: BorderRadius.circular(25.0),
@@ -122,40 +149,36 @@ class _MIHDeleteMessageState extends State<MIHDeleteMessage> {
           ),
           child: SingleChildScrollView(
             child: Column(
-              //mainAxisSize: MainAxisSize.max,
+              mainAxisSize: MainAxisSize.min,
               children: [
                 Icon(
                   Icons.warning_amber_rounded,
-                  size: 100,
+                  size: popUpIconSize,
                   color:
                       MzanziInnovationHub.of(context)!.theme.secondaryColor(),
                 ),
-                const SizedBox(height: 15),
+                //const SizedBox(height: 15),
                 Text(
                   "Are you sure you want to delete this?",
                   textAlign: TextAlign.center,
                   style: TextStyle(
                     color:
                         MzanziInnovationHub.of(context)!.theme.secondaryColor(),
-                    fontSize: 25.0,
+                    fontSize: popUpTitleSize,
                     fontWeight: FontWeight.bold,
                   ),
                 ),
                 const SizedBox(height: 15),
-                Padding(
-                  padding: const EdgeInsets.symmetric(horizontal: 25.0),
-                  child: Text(
-                    "This file will be deleted permanently. Are you certain you want to delete it?",
-                    style: TextStyle(
-                      color: MzanziInnovationHub.of(context)!
-                          .theme
-                          .secondaryColor(),
-                      fontSize: 15.0,
-                      fontWeight: FontWeight.bold,
-                    ),
+                Text(
+                  "This file will be deleted permanently. Are you certain you want to delete it?",
+                  style: TextStyle(
+                    color:
+                        MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+                    fontSize: popUpBodySize,
+                    fontWeight: FontWeight.bold,
                   ),
                 ),
-                const SizedBox(height: 30),
+                const SizedBox(height: 15),
                 SizedBox(
                     width: 300,
                     height: 50,
@@ -209,6 +232,7 @@ class _MIHDeleteMessageState extends State<MIHDeleteMessage> {
       width = size.width;
       height = size.height;
     });
+    checkScreenSize();
     setDeleteNote();
     setFileNote();