From 35e10752ef65daa92f68bad0ed7e83fc27179cb3 Mon Sep 17 00:00:00 2001
From: Yasien Mac Mini <yasienmeth@gmail.com>
Date: Thu, 10 Jul 2025 20:01:42 +0200
Subject: [PATCH] Fixed loading indicator with message

---
 .../package_tools/package_tool_one.dart       | 30 +++++++++
 .../mih_loading_circle.dart                   | 65 +++++++++++--------
 2 files changed, 67 insertions(+), 28 deletions(-)

diff --git a/Frontend/lib/mih_components/mih_package_components/Example/package_tools/package_tool_one.dart b/Frontend/lib/mih_components/mih_package_components/Example/package_tools/package_tool_one.dart
index fb8be284..9b5c6c8f 100644
--- a/Frontend/lib/mih_components/mih_package_components/Example/package_tools/package_tool_one.dart
+++ b/Frontend/lib/mih_components/mih_package_components/Example/package_tools/package_tool_one.dart
@@ -8,6 +8,7 @@ import 'package:mzansi_innovation_hub/mih_components/mih_objects/business.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_banner_ad.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_business_profile_preview.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_personal_profile_preview.dart';
+import 'package:mzansi_innovation_hub/mih_components/mih_pop_up_messages/mih_loading_circle.dart';
 import 'package:mzansi_innovation_hub/mih_packages/mzansi_profile/business_profile/components/mih_business_info_card.dart';
 import 'package:mzansi_innovation_hub/mih_services/mih_alert_services.dart';
 import 'package:mzansi_innovation_hub/mih_services/mih_location_services.dart';
@@ -182,6 +183,35 @@ class _PackageToolOneState extends State<PackageToolOne> {
                   ],
                 ),
                 const SizedBox(height: 20),
+                Center(
+                  child: MihButton(
+                    onPressed: () {
+                      showDialog(
+                        context: context,
+                        builder: (context) {
+                          return const Mihloadingcircle(
+                            message: "Getting your profile data",
+                          );
+                        },
+                      );
+                    },
+                    buttonColor:
+                        MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+                    elevation: 10,
+                    width: 300,
+                    child: Text(
+                      "Show Loading",
+                      style: TextStyle(
+                        color: MzanziInnovationHub.of(context)!
+                            .theme
+                            .primaryColor(),
+                        fontSize: 20,
+                        fontWeight: FontWeight.bold,
+                      ),
+                    ),
+                  ),
+                ),
+                const SizedBox(height: 10),
                 Row(
                   mainAxisAlignment: MainAxisAlignment.center,
                   children: [
diff --git a/Frontend/lib/mih_components/mih_pop_up_messages/mih_loading_circle.dart b/Frontend/lib/mih_components/mih_pop_up_messages/mih_loading_circle.dart
index 22f1704d..98206878 100644
--- a/Frontend/lib/mih_components/mih_pop_up_messages/mih_loading_circle.dart
+++ b/Frontend/lib/mih_components/mih_pop_up_messages/mih_loading_circle.dart
@@ -51,36 +51,45 @@ class _MihloadingcircleState extends State<Mihloadingcircle> {
   @override
   Widget build(BuildContext context) {
     return Dialog(
-      child: Container(
-          padding: EdgeInsets.all(popUpPaddingSize),
-          width: 250,
-          height: 275,
-          decoration: BoxDecoration(
-            color: MzanziInnovationHub.of(context)!.theme.primaryColor(),
-            borderRadius: BorderRadius.circular(25.0),
-            border: Border.all(
+      child: IntrinsicWidth(
+        child: IntrinsicHeight(
+          child: Container(
+              padding: EdgeInsets.all(popUpPaddingSize),
+              // width: 250,
+              // height: 275,
+              decoration: BoxDecoration(
                 color: MzanziInnovationHub.of(context)!.theme.primaryColor(),
-                width: 5.0),
-          ),
-          child: Column(
-            children: [
-              GifView.asset(
-                MzanziInnovationHub.of(context)!.theme.loadingImageLocation(),
-                height: 200,
-                width: 200,
-                frameRate: 30,
+                borderRadius: BorderRadius.circular(25.0),
+                border: Border.all(
+                    color:
+                        MzanziInnovationHub.of(context)!.theme.primaryColor(),
+                    width: 5.0),
               ),
-              widget.message != null
-                  ? Text(
-                      widget.message!,
-                      style: TextStyle(
-                        fontSize: 15,
-                        fontWeight: FontWeight.bold,
-                      ),
-                    )
-                  : SizedBox(),
-            ],
-          )),
+              child: Column(
+                mainAxisSize: MainAxisSize.min,
+                children: [
+                  GifView.asset(
+                    MzanziInnovationHub.of(context)!
+                        .theme
+                        .loadingImageLocation(),
+                    height: 200,
+                    width: 200,
+                    frameRate: 30,
+                  ),
+                  widget.message != null
+                      ? Text(
+                          widget.message!,
+                          textAlign: TextAlign.center,
+                          style: TextStyle(
+                            fontSize: 18,
+                            fontWeight: FontWeight.bold,
+                          ),
+                        )
+                      : SizedBox(),
+                ],
+              )),
+        ),
+      ),
     );
   }
 }