Dynamic pop[ up - delete

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),
+          padding: EdgeInsets.all(popUpPaddingSize),
-          width: 500.0,
+          width: popUpWidth,
-          height: (height / 3) * 1,
+          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(
+                Text(
-                  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)!
+                    color:
-                          .theme
+                        MzanziInnovationHub.of(context)!.theme.secondaryColor(),
-                          .secondaryColor(),
+                    fontSize: popUpBodySize,
-                      fontSize: 15.0,
                     fontWeight: FontWeight.bold,
                   ),
                 ),
-                ),
+                const SizedBox(height: 15),
-                const SizedBox(height: 30),
                 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),
+          padding: EdgeInsets.all(popUpPaddingSize),
-          width: 500.0,
+          width: popUpWidth,
-          height: (height / 3) * 1,
+          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(
+                Text(
-                  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)!
+                    color:
-                          .theme
+                        MzanziInnovationHub.of(context)!.theme.secondaryColor(),
-                          .secondaryColor(),
+                    fontSize: popUpBodySize,
-                      fontSize: 15.0,
                     fontWeight: FontWeight.bold,
                   ),
                 ),
-                ),
+                const SizedBox(height: 15),
-                const SizedBox(height: 30),
                 SizedBox(
                     width: 300,
                     height: 50,
@@ -209,6 +232,7 @@ class _MIHDeleteMessageState extends State<MIHDeleteMessage> {
       width = size.width;
       height = size.height;
     });
+    checkScreenSize();
     setDeleteNote();
     setFileNote();