test new circle avatar

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

@@ -1,9 +1,12 @@
+import 'package:file_picker/file_picker.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_speed_dial/flutter_speed_dial.dart';
 import 'package:mzansi_innovation_hub/main.dart';
+import 'package:mzansi_innovation_hub/mih_components/mih_inputs_and_buttons/mih_text_input.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_layout/mih_single_child_scroll.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih-app_tool_body.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_app_window.dart';
+import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_circle_avatar.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_floating_menu.dart';
 import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_icons.dart';
 
@@ -15,6 +18,9 @@ class PackageToolOne extends StatefulWidget {
 }
 
 class _PackageToolOneState extends State<PackageToolOne> {
+  late ImageProvider<Object>? imagePreview;
+  PlatformFile? file;
+  TextEditingController _fileNameController = TextEditingController();
   void showTestFullWindow() {
     showDialog(
       context: context,
@@ -49,6 +55,15 @@ class _PackageToolOneState extends State<PackageToolOne> {
     );
   }
 
+  @override
+  void initState() {
+    super.initState();
+    setState(() {
+      imagePreview = const NetworkImage(
+          "https://lh3.googleusercontent.com/nW4ZZ89Q1ATz7Ht3nsAVWXL_cwNi4gNusqQZiL60UuuI3FG-VM7bTYDoJ-sUr2kDTdorfQYjxo5PjDM-0MO5rA=s512");
+    });
+  }
+
   @override
   Widget build(BuildContext context) {
     return MihAppToolBody(
@@ -97,6 +112,26 @@ class _PackageToolOneState extends State<PackageToolOne> {
                         MzanziInnovationHub.of(context)!.theme.primaryColor(),
                   ),
                 ),
+              ),
+              const SizedBox(height: 10),
+              MihCircleAvatar(
+                imageFile: imagePreview,
+                width: 150,
+                editable: true,
+                fileNameController: _fileNameController,
+                userSelectedfile: file,
+                onChange: (selectedImage) {
+                  setState(() {
+                    file = selectedImage;
+                  });
+                },
+              ),
+              const SizedBox(height: 10),
+              MIHTextField(
+                controller: _fileNameController,
+                hintText: "Selected File",
+                editable: false,
+                required: false,
               )
             ],
           ),