From 9cd55c6be5eb25f1bd9d6cb1c989179b3dfeed15 Mon Sep 17 00:00:00 2001 From: yaso-meth Date: Fri, 6 Sep 2024 11:49:09 +0200 Subject: [PATCH] Dynamic Pop Ups - error --- .../popUpMessages/mihErrorMessage.dart | 584 ++++++++---------- 1 file changed, 273 insertions(+), 311 deletions(-) diff --git a/Frontend/patient_manager/lib/components/popUpMessages/mihErrorMessage.dart b/Frontend/patient_manager/lib/components/popUpMessages/mihErrorMessage.dart index 4ad78092..96ec36cf 100644 --- a/Frontend/patient_manager/lib/components/popUpMessages/mihErrorMessage.dart +++ b/Frontend/patient_manager/lib/components/popUpMessages/mihErrorMessage.dart @@ -14,17 +14,46 @@ class MIHErrorMessage extends StatefulWidget { class _MIHErrorMessageState extends State { var messageTypes = {}; - // late double width = 50; - // late double height = 50; + late double popUpWidth; + late double? popUpheight; + late double popUpTitleSize; + late double popUpSubtitleSize; + late double popUpBodySize; + late double popUpIconSize; + late double popUpPaddingSize; Size? size; + void checkScreenSize() { + if (MzanziInnovationHub.of(context)!.theme.screenType == "desktop") { + setState(() { + popUpWidth = (size!.width / 4) * 2; + popUpheight = null; + popUpTitleSize = 25.0; + popUpSubtitleSize = 20.0; + popUpBodySize = 15; + popUpPaddingSize = 25.0; + popUpIconSize = 100; + }); + } else { + setState(() { + popUpWidth = size!.width - (size!.width * 0.1); + popUpheight = null; + popUpTitleSize = 20.0; + popUpSubtitleSize = 18.0; + popUpBodySize = 15; + popUpPaddingSize = 15.0; + popUpIconSize = 100; + }); + } + } + void setInputError() { messageTypes["Input Error"] = Stack( children: [ Container( - padding: const EdgeInsets.all(10.0), - width: 500, - height: 450, + padding: EdgeInsets.all(popUpPaddingSize), + width: popUpWidth, + height: popUpheight, decoration: BoxDecoration( color: MzanziInnovationHub.of(context)!.theme.primaryColor(), borderRadius: BorderRadius.circular(25.0), @@ -38,67 +67,61 @@ class _MIHErrorMessageState extends State { children: [ Icon( Icons.warning_amber_rounded, - size: 100, + size: popUpIconSize, color: MzanziInnovationHub.of(context)!.theme.errorColor(), ), - const SizedBox(height: 15), + //const SizedBox(height: 5), Text( "Oops! Looks like some fields are missing.", textAlign: TextAlign.center, style: TextStyle( color: MzanziInnovationHub.of(context)!.theme.errorColor(), - fontSize: 25.0, + fontSize: popUpTitleSize, fontWeight: FontWeight.bold, ), ), - const SizedBox(height: 10), - Padding( - padding: const EdgeInsets.symmetric(horizontal: 25.0), - child: Text( - "We noticed that some required fields are still empty. To ensure your request is processed smoothly, please fill out all the highlighted fields before submitting the form again.", + const SizedBox(height: 15), + Text( + "We noticed that some required fields are still empty. To ensure your request is processed smoothly, please fill out all the highlighted fields before submitting the form again.", + style: TextStyle( + color: + MzanziInnovationHub.of(context)!.theme.secondaryColor(), + fontSize: popUpBodySize, + fontWeight: FontWeight.bold, + ), + ), + const SizedBox(height: 25), + RichText( + text: TextSpan( style: TextStyle( color: MzanziInnovationHub.of(context)! .theme .secondaryColor(), - fontSize: 15.0, + fontSize: popUpBodySize, fontWeight: FontWeight.bold, ), + children: [ + TextSpan( + text: "Here's a quick tip: ", + style: TextStyle( + fontStyle: FontStyle.italic, + color: MzanziInnovationHub.of(context)! + .theme + .errorColor())), + const TextSpan( + text: "Look for fields with an asterisk ("), + TextSpan( + text: "*", + style: TextStyle( + color: MzanziInnovationHub.of(context)! + .theme + .errorColor())), + const TextSpan( + text: ") next to them, as these are mandatory."), + ], ), ), const SizedBox(height: 10), - Padding( - padding: const EdgeInsets.symmetric(horizontal: 25.0), - child: RichText( - text: TextSpan( - style: TextStyle( - color: MzanziInnovationHub.of(context)! - .theme - .secondaryColor(), - fontSize: 15.0, - fontWeight: FontWeight.bold, - ), - children: [ - TextSpan( - text: "Here's a quick tip: ", - style: TextStyle( - fontStyle: FontStyle.italic, - color: MzanziInnovationHub.of(context)! - .theme - .errorColor())), - const TextSpan( - text: "Look for fields with an asterisk ("), - TextSpan( - text: "*", - style: TextStyle( - color: MzanziInnovationHub.of(context)! - .theme - .errorColor())), - const TextSpan( - text: ") next to them, as these are mandatory."), - ], - ), - ), - ), ], ), ), @@ -127,9 +150,9 @@ class _MIHErrorMessageState extends State { messageTypes["Password Requirements"] = Stack( children: [ Container( - padding: const EdgeInsets.all(10.0), - width: 500, - height: 450, + padding: EdgeInsets.all(popUpPaddingSize), + width: popUpWidth, + height: popUpheight, decoration: BoxDecoration( color: MzanziInnovationHub.of(context)!.theme.primaryColor(), borderRadius: BorderRadius.circular(25.0), @@ -143,24 +166,32 @@ class _MIHErrorMessageState extends State { children: [ Icon( Icons.warning_amber_rounded, - size: 100, + size: popUpIconSize, color: MzanziInnovationHub.of(context)!.theme.errorColor(), ), - SizedBox(height: 15), + //const SizedBox(height: 15), Text( "Password Doesn't Meet Requirements", textAlign: TextAlign.center, style: TextStyle( color: MzanziInnovationHub.of(context)!.theme.errorColor(), - fontSize: 25.0, + fontSize: popUpTitleSize, fontWeight: FontWeight.bold, ), ), - const SizedBox(height: 10), - Padding( - padding: EdgeInsets.symmetric(horizontal: 25.0), - child: Text( - "Oops! Your password doesn't quite meet our standards. To keep your account secure, please make sure your password meets the following requirements", + const SizedBox(height: 15), + Text( + "Oops! Your password doesn't quite meet our standards. To keep your account secure, please make sure your password meets the following requirements", + style: TextStyle( + color: + MzanziInnovationHub.of(context)!.theme.secondaryColor(), + fontSize: popUpBodySize, + fontWeight: FontWeight.bold, + ), + ), + const SizedBox(height: 25), + RichText( + text: TextSpan( style: TextStyle( color: MzanziInnovationHub.of(context)! .theme @@ -168,50 +199,35 @@ class _MIHErrorMessageState extends State { fontSize: 15.0, fontWeight: FontWeight.bold, ), + children: [ + TextSpan( + text: "Requirements:\n", + style: TextStyle( + fontStyle: FontStyle.italic, + fontSize: popUpBodySize, + color: MzanziInnovationHub.of(context)! + .theme + .errorColor())), + const TextSpan( + text: "1) Contailes at least 8 characters\n", + ), + const TextSpan( + text: "2) Contains at least 1 uppercase letter (A-Z)\n", + ), + const TextSpan( + text: "3) Contains at least 1 lowercase letter (a-z)\n", + ), + const TextSpan( + text: "4) Contains at least 1 number (0-9)\n", + ), + const TextSpan( + text: + "5) Contains at least 1 special character (!@#\$%^&*)\n", + ), + ], ), ), const SizedBox(height: 10), - Padding( - padding: const EdgeInsets.symmetric(horizontal: 25.0), - child: RichText( - text: TextSpan( - style: TextStyle( - color: MzanziInnovationHub.of(context)! - .theme - .secondaryColor(), - fontSize: 15.0, - fontWeight: FontWeight.bold, - ), - children: [ - TextSpan( - text: "Requirements:\n", - style: TextStyle( - fontStyle: FontStyle.italic, - color: MzanziInnovationHub.of(context)! - .theme - .errorColor())), - const TextSpan( - text: "1) Contailes at least 8 characters\n", - ), - const TextSpan( - text: - "2) Contains at least 1 uppercase letter (A-Z)\n", - ), - const TextSpan( - text: - "3) Contains at least 1 lowercase letter (a-z)\n", - ), - const TextSpan( - text: "4) Contains at least 1 number (0-9)\n", - ), - const TextSpan( - text: - "5) Contains at least 1 special character (!@#\$%^&*)\n", - ), - ], - ), - ), - ), ], ), ), @@ -240,9 +256,9 @@ class _MIHErrorMessageState extends State { messageTypes["Invalid Username"] = Stack( children: [ Container( - padding: const EdgeInsets.all(10.0), - width: 500, - height: 450, + padding: EdgeInsets.all(popUpPaddingSize), + width: popUpWidth, + height: popUpheight, decoration: BoxDecoration( color: MzanziInnovationHub.of(context)!.theme.primaryColor(), borderRadius: BorderRadius.circular(25.0), @@ -256,33 +272,30 @@ class _MIHErrorMessageState extends State { children: [ Icon( Icons.warning_amber_rounded, - size: 100, + size: popUpIconSize, color: MzanziInnovationHub.of(context)!.theme.errorColor(), ), - const SizedBox(height: 15), + //const SizedBox(height: 15), Text( "Let's Fix That Username", textAlign: TextAlign.center, style: TextStyle( color: MzanziInnovationHub.of(context)!.theme.errorColor(), - fontSize: 25.0, + fontSize: popUpTitleSize, + fontWeight: FontWeight.bold, + ), + ), + const SizedBox(height: 15), + Text( + "Your username needs a little adjustment. To make sure everyone has a unique username, please start your username with a letter or number and use only letters, numbers or underscores. Let's try that again!", + style: TextStyle( + color: + MzanziInnovationHub.of(context)!.theme.secondaryColor(), + fontSize: popUpBodySize, fontWeight: FontWeight.bold, ), ), const SizedBox(height: 25), - Padding( - padding: const EdgeInsets.symmetric(horizontal: 25.0), - child: Text( - "Your username needs a little adjustment. To make sure everyone has a unique username, please start your username with a letter or number and use only letters, numbers or underscores. Let's try that again!", - style: TextStyle( - color: MzanziInnovationHub.of(context)! - .theme - .secondaryColor(), - fontSize: 15.0, - fontWeight: FontWeight.bold, - ), - ), - ), ], ), ), @@ -311,9 +324,9 @@ class _MIHErrorMessageState extends State { messageTypes["Invalid Email"] = Stack( children: [ Container( - padding: const EdgeInsets.all(10.0), - width: 500, - height: 450, + padding: EdgeInsets.all(popUpPaddingSize), + width: popUpWidth, + height: popUpheight, decoration: BoxDecoration( color: MzanziInnovationHub.of(context)!.theme.primaryColor(), borderRadius: BorderRadius.circular(25.0), @@ -327,33 +340,30 @@ class _MIHErrorMessageState extends State { children: [ Icon( Icons.warning_amber_rounded, - size: 100, + size: popUpIconSize, color: MzanziInnovationHub.of(context)!.theme.errorColor(), ), - const SizedBox(height: 15), + //const SizedBox(height: 15), Text( "Oops! Invalid Email", textAlign: TextAlign.center, style: TextStyle( color: MzanziInnovationHub.of(context)!.theme.errorColor(), - fontSize: 25.0, + fontSize: popUpTitleSize, + fontWeight: FontWeight.bold, + ), + ), + const SizedBox(height: 15), + Text( + "Looks like there's a little hiccup with that email address. Please double-check that you've entered it correctly, including the \"@\" symbol and a domain (like example@email.com).", + style: TextStyle( + color: + MzanziInnovationHub.of(context)!.theme.secondaryColor(), + fontSize: popUpBodySize, fontWeight: FontWeight.bold, ), ), const SizedBox(height: 25), - Padding( - padding: const EdgeInsets.symmetric(horizontal: 25.0), - child: Text( - "Looks like there's a little hiccup with that email address. Please double-check that you've entered it correctly, including the \"@\" symbol and a domain (like example@email.com).", - style: TextStyle( - color: MzanziInnovationHub.of(context)! - .theme - .secondaryColor(), - fontSize: 15.0, - fontWeight: FontWeight.bold, - ), - ), - ), ], ), ), @@ -382,9 +392,9 @@ class _MIHErrorMessageState extends State { messageTypes["User Exists"] = Stack( children: [ Container( - padding: const EdgeInsets.all(10.0), - width: 500, - height: 450, + padding: EdgeInsets.all(popUpPaddingSize), + width: popUpWidth, + height: popUpheight, decoration: BoxDecoration( color: MzanziInnovationHub.of(context)!.theme.primaryColor(), borderRadius: BorderRadius.circular(25.0), @@ -398,60 +408,47 @@ class _MIHErrorMessageState extends State { children: [ Icon( Icons.warning_amber_rounded, - size: 100, + size: popUpIconSize, color: MzanziInnovationHub.of(context)!.theme.errorColor(), ), - SizedBox(height: 15), + //SizedBox(height: 15), Text( "Email Already Exists", textAlign: TextAlign.center, style: TextStyle( color: MzanziInnovationHub.of(context)!.theme.errorColor(), - fontSize: 25.0, + fontSize: popUpTitleSize, + fontWeight: FontWeight.bold, + ), + ), + const SizedBox(height: 15), + Text( + "An account is already registered with this email address. Please try logging in or use a different email.", + style: TextStyle( + color: + MzanziInnovationHub.of(context)!.theme.secondaryColor(), + fontSize: popUpBodySize, fontWeight: FontWeight.bold, ), ), const SizedBox(height: 10), - Padding( - padding: EdgeInsets.symmetric(horizontal: 25.0), - child: Text( - "An account is already registered with this email address. Please try logging in or use a different email.", - style: TextStyle( - color: MzanziInnovationHub.of(context)! - .theme - .secondaryColor(), - fontSize: 15.0, - fontWeight: FontWeight.bold, - ), - ), - ), - const SizedBox(height: 15), - Padding( - padding: EdgeInsets.symmetric(horizontal: 25.0), - child: Text( - "Here are some things to keep in mind:", - style: TextStyle( - color: MzanziInnovationHub.of(context)! - .theme - .secondaryColor(), - fontSize: 20.0, - fontWeight: FontWeight.bold, - ), + Text( + "Here are some things to keep in mind:", + style: TextStyle( + color: MzanziInnovationHub.of(context)!.theme.errorColor(), + fontSize: popUpSubtitleSize, + fontWeight: FontWeight.bold, ), ), const SizedBox(height: 10), - Padding( - padding: EdgeInsets.symmetric(horizontal: 25.0), - child: Text( - "1) Are you sure you're using the correct email address associated with your account?\n2) Is your caps lock key on? Passwords are case-sensitive.\n3) If you've forgotten your password, no worries! Click on \"Forgot Password?\" to reset it.", - textAlign: TextAlign.left, - style: TextStyle( - color: MzanziInnovationHub.of(context)! - .theme - .secondaryColor(), - fontSize: 15.0, - fontWeight: FontWeight.bold, - ), + Text( + "1) Are you sure you're using the correct email address associated with your account?\n2) Is your caps lock key on? Passwords are case-sensitive.\n3) If you've forgotten your password, no worries! Click on \"Forgot Password?\" to reset it.", + textAlign: TextAlign.left, + style: TextStyle( + color: + MzanziInnovationHub.of(context)!.theme.secondaryColor(), + fontSize: 15.0, + fontWeight: FontWeight.bold, ), ), ], @@ -482,9 +479,9 @@ class _MIHErrorMessageState extends State { messageTypes["Password Match"] = Stack( children: [ Container( - padding: const EdgeInsets.all(10.0), - width: 500, - height: 450, + padding: EdgeInsets.all(popUpPaddingSize), + width: popUpWidth, + height: popUpheight, decoration: BoxDecoration( color: MzanziInnovationHub.of(context)!.theme.primaryColor(), borderRadius: BorderRadius.circular(25.0), @@ -498,62 +495,50 @@ class _MIHErrorMessageState extends State { children: [ Icon( Icons.warning_amber_rounded, - size: 100, + size: popUpIconSize, color: MzanziInnovationHub.of(context)!.theme.errorColor(), ), - SizedBox(height: 15), + //SizedBox(height: 15), Text( "Passwords Don't Match", textAlign: TextAlign.center, style: TextStyle( color: MzanziInnovationHub.of(context)!.theme.errorColor(), - fontSize: 25.0, + fontSize: popUpTitleSize, + fontWeight: FontWeight.bold, + ), + ), + const SizedBox(height: 15), + Text( + "The password and confirm password fields do not match. Please make sure they are identical.", + style: TextStyle( + color: + MzanziInnovationHub.of(context)!.theme.secondaryColor(), + fontSize: popUpBodySize, fontWeight: FontWeight.bold, ), ), const SizedBox(height: 10), - Padding( - padding: EdgeInsets.symmetric(horizontal: 25.0), - child: Text( - "The password and confirm password fields do not match. Please make sure they are identical.", - style: TextStyle( - color: MzanziInnovationHub.of(context)! - .theme - .secondaryColor(), - fontSize: 15.0, - fontWeight: FontWeight.bold, - ), - ), - ), - const SizedBox(height: 15), - Padding( - padding: EdgeInsets.symmetric(horizontal: 25.0), - child: Text( - "Here are some things to keep in mind:", - style: TextStyle( - color: MzanziInnovationHub.of(context)! - .theme - .secondaryColor(), - fontSize: 20.0, - fontWeight: FontWeight.bold, - ), + Text( + "Here are some things to keep in mind:", + style: TextStyle( + color: MzanziInnovationHub.of(context)!.theme.errorColor(), + fontSize: popUpSubtitleSize, + fontWeight: FontWeight.bold, ), ), const SizedBox(height: 10), - Padding( - padding: EdgeInsets.symmetric(horizontal: 25.0), - child: Text( - "1) Are you sure you're using the correct email address associated with your account?\n2) Is your caps lock key on? Passwords are case-sensitive.\n3) If you've forgotten your password, no worries! Click on \"Forgot Password?\" to reset it.", - textAlign: TextAlign.left, - style: TextStyle( - color: MzanziInnovationHub.of(context)! - .theme - .secondaryColor(), - fontSize: 15.0, - fontWeight: FontWeight.bold, - ), + Text( + "1) Are you sure you're using the correct email address associated with your account?\n2) Is your caps lock key on? Passwords are case-sensitive.\n3) If you've forgotten your password, no worries! Click on \"Forgot Password?\" to reset it.", + textAlign: TextAlign.left, + style: TextStyle( + color: + MzanziInnovationHub.of(context)!.theme.secondaryColor(), + fontSize: popUpBodySize, + fontWeight: FontWeight.bold, ), ), + const SizedBox(height: 10), ], ), ), @@ -582,9 +567,9 @@ class _MIHErrorMessageState extends State { messageTypes["Invalid Credentials"] = Stack( children: [ Container( - padding: const EdgeInsets.all(10.0), - width: 500, - height: 450, + padding: EdgeInsets.all(popUpPaddingSize), + width: popUpWidth, + height: popUpheight, decoration: BoxDecoration( color: MzanziInnovationHub.of(context)!.theme.primaryColor(), borderRadius: BorderRadius.circular(25.0), @@ -598,62 +583,50 @@ class _MIHErrorMessageState extends State { children: [ Icon( Icons.warning_amber_rounded, - size: 100, + size: popUpIconSize, color: MzanziInnovationHub.of(context)!.theme.errorColor(), ), - SizedBox(height: 15), + //SizedBox(height: 15), Text( "Uh oh! Login attempt unsuccessful.", textAlign: TextAlign.center, style: TextStyle( color: MzanziInnovationHub.of(context)!.theme.errorColor(), - fontSize: 25.0, + fontSize: popUpTitleSize, + fontWeight: FontWeight.bold, + ), + ), + const SizedBox(height: 15), + Text( + "The email address or password you entered doesn't seem to match our records. Please double-check your information and try again.", + style: TextStyle( + color: + MzanziInnovationHub.of(context)!.theme.secondaryColor(), + fontSize: popUpBodySize, fontWeight: FontWeight.bold, ), ), const SizedBox(height: 10), - Padding( - padding: EdgeInsets.symmetric(horizontal: 25.0), - child: Text( - "The email address or password you entered doesn't seem to match our records. Please double-check your information and try again.", - style: TextStyle( - color: MzanziInnovationHub.of(context)! - .theme - .secondaryColor(), - fontSize: 15.0, - fontWeight: FontWeight.bold, - ), - ), - ), - const SizedBox(height: 15), - Padding( - padding: EdgeInsets.symmetric(horizontal: 25.0), - child: Text( - "Here are some things to keep in mind:", - style: TextStyle( - color: MzanziInnovationHub.of(context)! - .theme - .secondaryColor(), - fontSize: 20.0, - fontWeight: FontWeight.bold, - ), + Text( + "Here are some things to keep in mind:", + style: TextStyle( + color: MzanziInnovationHub.of(context)!.theme.errorColor(), + fontSize: popUpSubtitleSize, + fontWeight: FontWeight.bold, ), ), const SizedBox(height: 10), - Padding( - padding: EdgeInsets.symmetric(horizontal: 25.0), - child: Text( - "1) Are you sure you're using the correct email address associated with your account?\n2) Is your caps lock key on? Passwords are case-sensitive.\n3) If you've forgotten your password, no worries! Click on \"Forgot Password?\" to reset it.", - textAlign: TextAlign.left, - style: TextStyle( - color: MzanziInnovationHub.of(context)! - .theme - .secondaryColor(), - fontSize: 15.0, - fontWeight: FontWeight.bold, - ), + Text( + "1) Are you sure you're using the correct email address associated with your account?\n2) Is your caps lock key on? Passwords are case-sensitive.\n3) If you've forgotten your password, no worries! Click on \"Forgot Password?\" to reset it.", + textAlign: TextAlign.left, + style: TextStyle( + color: + MzanziInnovationHub.of(context)!.theme.secondaryColor(), + fontSize: popUpBodySize, + fontWeight: FontWeight.bold, ), ), + const SizedBox(height: 10), ], ), ), @@ -682,9 +655,9 @@ class _MIHErrorMessageState extends State { messageTypes["Internet Connection"] = Stack( children: [ Container( - padding: const EdgeInsets.all(10.0), - width: 500, - height: 450, + padding: EdgeInsets.all(popUpPaddingSize), + width: popUpWidth, + height: popUpheight, decoration: BoxDecoration( color: MzanziInnovationHub.of(context)!.theme.primaryColor(), borderRadius: BorderRadius.circular(25.0), @@ -698,62 +671,50 @@ class _MIHErrorMessageState extends State { children: [ Icon( Icons.warning_amber_rounded, - size: 100, + size: popUpIconSize, color: MzanziInnovationHub.of(context)!.theme.errorColor(), ), - const SizedBox(height: 15), + //const SizedBox(height: 15), Text( "Internet Connection Lost!", textAlign: TextAlign.center, style: TextStyle( color: MzanziInnovationHub.of(context)!.theme.errorColor(), - fontSize: 25.0, + fontSize: popUpTitleSize, + fontWeight: FontWeight.bold, + ), + ), + const SizedBox(height: 15), + Text( + "We seem to be having some trouble connecting you to the internet. This could be due to a temporary outage or an issue with your device's connection.", + style: TextStyle( + color: + MzanziInnovationHub.of(context)!.theme.secondaryColor(), + fontSize: popUpBodySize, + fontWeight: FontWeight.bold, + ), + ), + const SizedBox(height: 15), + Text( + "Here are a few things you can try:", + style: TextStyle( + color: MzanziInnovationHub.of(context)!.theme.errorColor(), + fontSize: popUpSubtitleSize, fontWeight: FontWeight.bold, ), ), const SizedBox(height: 10), - Padding( - padding: EdgeInsets.symmetric(horizontal: 25.0), - child: Text( - "We seem to be having some trouble connecting you to the internet. This could be due to a temporary outage or an issue with your device's connection.", - style: TextStyle( - color: MzanziInnovationHub.of(context)! - .theme - .secondaryColor(), - fontSize: 15.0, - fontWeight: FontWeight.bold, - ), - ), - ), - const SizedBox(height: 15), - Padding( - padding: EdgeInsets.symmetric(horizontal: 25.0), - child: Text( - "Here are a few things you can try:", - style: TextStyle( - color: MzanziInnovationHub.of(context)! - .theme - .secondaryColor(), - fontSize: 20.0, - fontWeight: FontWeight.bold, - ), + Text( + "1) Check your Wi-Fi signal strength or try connecting to a different network.\n2) Restart your device (computer, phone, etc.) and your router/modem.\n3) If you're using cellular data, ensure you have a strong signal and haven't reached your data limit.", + textAlign: TextAlign.left, + style: TextStyle( + color: + MzanziInnovationHub.of(context)!.theme.secondaryColor(), + fontSize: popUpBodySize, + fontWeight: FontWeight.bold, ), ), const SizedBox(height: 10), - Padding( - padding: EdgeInsets.symmetric(horizontal: 25.0), - child: Text( - "1) Check your Wi-Fi signal strength or try connecting to a different network.\n2) Restart your device (computer, phone, etc.) and your router/modem.\n3) If you're using cellular data, ensure you have a strong signal and haven't reached your data limit.", - textAlign: TextAlign.left, - style: TextStyle( - color: MzanziInnovationHub.of(context)! - .theme - .secondaryColor(), - fontSize: 15.0, - fontWeight: FontWeight.bold, - ), - ), - ), ], ), ), @@ -791,6 +752,7 @@ class _MIHErrorMessageState extends State { @override Widget build(BuildContext context) { size = MediaQuery.of(context).size; + checkScreenSize(); setInputError(); setinvalidCredError(); setInternetError();