circle avatar to handle null

Frontend/lib/mih_components/mih_package_components/Example/package_tools/package_tool_one.dart

@@ -125,6 +125,8 @@ class _PackageToolOneState extends State<PackageToolOne> {
                 userSelectedfile: file,
                 frameColor:
                     MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+                backgroundColor:
+                    MzanziInnovationHub.of(context)!.theme.primaryColor(),
                 onChange: (selectedImage) {
                   setState(() {
                     file = selectedImage;

Frontend/lib/mih_components/mih_package_components/mih_circle_avatar.dart

@@ -13,6 +13,7 @@ class MihCircleAvatar extends StatefulWidget {
   final onChange;
   final PlatformFile? userSelectedfile;
   final Color frameColor;
+  final Color? backgroundColor;
   const MihCircleAvatar({
     super.key,
     required this.imageFile,
@@ -21,6 +22,7 @@ class MihCircleAvatar extends StatefulWidget {
     required this.fileNameController,
     required this.userSelectedfile,
     required this.frameColor,
+    required this.backgroundColor,
     required this.onChange,
   });
 
@@ -31,11 +33,29 @@ class MihCircleAvatar extends StatefulWidget {
 class _MihCircleAvatarState extends State<MihCircleAvatar> {
   late ImageProvider<Object>? imagePreview;
 
+  ImageProvider<Object>? getAvatar() {
+    Color dark = const Color(0XFF3A4454);
+    if (widget.imageFile == null) {
+      if (widget.backgroundColor == dark) {
+        print("here in light icon");
+        return const AssetImage(
+            'lib/mih_components/mih_package_components/assets/images/i-dont-know-light.png');
+      } else {
+        print("here in dark icon");
+        return const AssetImage(
+            'lib/mih_components/mih_package_components/assets/images/i-dont-know-dark.png');
+      }
+    } else {
+      return widget.imageFile;
+    }
+  }
+
   @override
   void initState() {
     super.initState();
+    print("Avatar started");
     setState(() {
-      imagePreview = widget.imageFile;
+      imagePreview = getAvatar();
     });
   }
 
@@ -51,7 +71,7 @@ class _MihCircleAvatarState extends State<MihCircleAvatar> {
         children: [
           CircleAvatar(
             radius: widget.width / 2.2,
-            backgroundColor: widget.frameColor,
+            backgroundColor: widget.backgroundColor,
             backgroundImage: imagePreview,
           ),
           FittedBox(

Frontend/lib/mih_packages/mih_home/components/mih_app_drawer.dart

@@ -41,16 +41,13 @@ class _MIHAppDrawerState extends State<MIHAppDrawer> {
     //         onChange: (newProPic) {},
     //       ),
     //print(widget.propicFile);
-    ImageProvider logoFrame =
-        MzanziInnovationHub.of(context)!.theme.logoFrame();
-    if (widget.propicFile != null) {
     return GestureDetector(
       onTap: () {
         Navigator.of(context).pop();
         Navigator.of(context).pushNamed(
           '/mzansi-profile',
-            arguments: AppProfileUpdateArguments(
+          arguments:
-                widget.signedInUser, widget.propicFile),
+              AppProfileUpdateArguments(widget.signedInUser, widget.propicFile),
         );
       },
       child: MihCircleAvatar(
@@ -61,6 +58,8 @@ class _MIHAppDrawerState extends State<MIHAppDrawer> {
         onChange: (_) {},
         userSelectedfile: null,
         frameColor: MzanziInnovationHub.of(context)!.theme.primaryColor(),
+        backgroundColor:
+            MzanziInnovationHub.of(context)!.theme.secondaryColor(),
       ),
       // MIHProfilePicture(
       //   profilePictureFile: widget.propicFile,
@@ -92,12 +91,6 @@ class _MIHAppDrawerState extends State<MIHAppDrawer> {
       //   ],
       // ),
     );
-    } else {
-      return SizedBox(
-        width: 60,
-        child: Image(image: logoFrame),
-      );
-    }
   }
 
   @override

Frontend/lib/mih_packages/mih_home/mih_home.dart

@@ -109,6 +109,8 @@ class _MihHomeState extends State<MihHome> {
             userSelectedfile: null,
             // frameColor: frameColor,
             frameColor: MzanziInnovationHub.of(context)!.theme.secondaryColor(),
+            backgroundColor:
+                MzanziInnovationHub.of(context)!.theme.primaryColor(),
             onChange: (_) {},
           ),
           // MIHProfilePicture(

Frontend/lib/mih_packages/mih_home/mih_profile_getter.dart

@@ -35,17 +35,6 @@ class _MIHProfileGetterState extends State<MIHProfileGetter> {
   ImageProvider<Object>? propicFile;
   int _selcetedIndex = 0;
 
-  ImageProvider<Object>? isPictureAvailable(String url) {
-    if (url == "") {
-      return const AssetImage(
-          'lib/mih_components/mih_package_components/assets/images/i-dont-know-2.png');
-    } else if (url != "") {
-      return NetworkImage(url);
-    } else {
-      return null;
-    }
-  }
-
   bool isUserNew(AppUser signedInUser) {
     if (signedInUser.fname == "") {
       return true;
@@ -249,7 +238,9 @@ class _MIHProfileGetterState extends State<MIHProfileGetter> {
               business: snapshot.data!.business,
               patient: snapshot.data!.patient,
               notifications: snapshot.data!.notifi,
-              propicFile: isPictureAvailable(snapshot.data!.profilePicUrl),
+              propicFile: snapshot.data!.profilePicUrl != ""
+                  ? NetworkImage(snapshot.data!.profilePicUrl)
+                  : null,
               isUserNew: isUserNew(snapshot.requireData.signedInUser),
               isBusinessUser: isBusinessUser(snapshot.requireData.signedInUser),
               isBusinessUserNew: isBusinessUserNew(snapshot.data!.businessUser),