From 260b1a1feb09aa05248ad9c9511bc7516e288013 Mon Sep 17 00:00:00 2001
From: Yasien Mac Mini <yasienmeth@gmail.com>
Date: Wed, 23 Apr 2025 20:04:41 +0200
Subject: [PATCH] correct sizing

---
 .../mih_circle_avatar.dart                    | 34 +++++++++++--------
 1 file changed, 20 insertions(+), 14 deletions(-)

diff --git a/Frontend/lib/mih_components/mih_package_components/mih_circle_avatar.dart b/Frontend/lib/mih_components/mih_package_components/mih_circle_avatar.dart
index 14701211..61674c4c 100644
--- a/Frontend/lib/mih_components/mih_package_components/mih_circle_avatar.dart
+++ b/Frontend/lib/mih_components/mih_package_components/mih_circle_avatar.dart
@@ -11,12 +11,16 @@ class MihCircleAvatar extends StatefulWidget {
   final bool editable;
   final TextEditingController fileNameController;
   final onChange;
+  final PlatformFile? userSelectedfile;
+  final Color frameColor;
   const MihCircleAvatar({
     super.key,
     required this.imageFile,
     required this.width,
     required this.editable,
     required this.fileNameController,
+    required this.userSelectedfile,
+    required this.frameColor,
     required this.onChange,
   });
 
@@ -38,23 +42,25 @@ class _MihCircleAvatarState extends State<MihCircleAvatar> {
   @override
   Widget build(BuildContext context) {
     return Container(
+      // color: Colors.white,
+      alignment: Alignment.center,
       width: widget.width,
       height: widget.width,
       child: Stack(
+        alignment: Alignment.center,
         children: [
-          Padding(
-            padding: const EdgeInsets.all(6.0),
-            child: CircleAvatar(
-              radius: widget.width / 2,
-              backgroundColor:
-                  MzanziInnovationHub.of(context)!.theme.primaryColor(),
-              backgroundImage: imagePreview,
-            ),
+          CircleAvatar(
+            radius: widget.width / 2.2,
+            backgroundColor: widget.frameColor,
+            backgroundImage: imagePreview,
           ),
-          Icon(
-            size: widget.width,
-            MihIcons.mihCircleFrame,
-            color: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+          FittedBox(
+            fit: BoxFit.fill,
+            child: Icon(
+              size: widget.width,
+              MihIcons.mihCircleFrame,
+              color: widget.frameColor,
+            ),
           ),
           Visibility(
             visible: widget.editable,
@@ -77,7 +83,7 @@ class _MihCircleAvatarState extends State<MihCircleAvatar> {
                       PlatformFile? selectedFile = result.files.first;
                       setState(() {
                         // print("Here 4");
-                        widget.onChange(MemoryImage(selectedFile.bytes!));
+                        widget.onChange(selectedFile);
                         // print("Here 5");
                         imagePreview = MemoryImage(selectedFile.bytes!);
                       });
@@ -96,7 +102,7 @@ class _MihCircleAvatarState extends State<MihCircleAvatar> {
                           //extension: fileExtension,
                         );
                         setState(() {
-                          widget.onChange(MemoryImage(androidFile.bytes!));
+                          widget.onChange(androidFile);
                           imagePreview = FileImage(file);
                         });