fix : ui change's

packages/chicken/lib/presentation/widget/search/view.dart

@@ -6,7 +6,7 @@ import 'logic.dart';
 class SearchWidget extends StatefulWidget {
   const SearchWidget({super.key, this.onSearchChanged});
 
-  final void Function(String)? onSearchChanged;
+  final void Function(String?)? onSearchChanged;
 
   @override
   State<SearchWidget> createState() => _SearchWidgetState();
@@ -14,6 +14,7 @@ class SearchWidget extends StatefulWidget {
 
 class _SearchWidgetState extends State<SearchWidget> {
   late final SearchLogic controller;
+  final TextEditingController textEditingController = TextEditingController();
 
   @override
   void initState() {
@@ -26,26 +27,50 @@ class _SearchWidgetState extends State<SearchWidget> {
   Widget build(BuildContext context) {
     return ObxValue((data) {
       return AnimatedContainer(
-        margin: EdgeInsets.symmetric(vertical: 4),
         duration: const Duration(milliseconds: 300),
-        padding: const EdgeInsets.only(top: 5),
         curve: Curves.easeInOut,
-        height: data.value ? 50 : 0,
+        height: data.value ? 40 : 0,
         child: Visibility(
           visible: data.value,
           child: Padding(
             padding: const EdgeInsets.symmetric(horizontal: 8),
             child: RTextField(
-              suffixIcon: Padding(
-                padding: const EdgeInsets.all(12.0),
-                child: Assets.vec.searchSvg.svg(
-                  width: 10,
-                  height: 10,
-                  colorFilter: ColorFilter.mode(AppColor.blueNormal, BlendMode.srcIn),
+              height: 40,
+              borderColor: AppColor.blackLight,
+              suffixIcon: ObxValue(
+                (data) => Padding(
+                  padding: const EdgeInsets.symmetric(vertical: 8),
+                  child: (data.value == null)
+                      ? Assets.vec.searchSvg.svg(
+                          width: 10,
+                          height: 10,
+                          colorFilter: ColorFilter.mode(AppColor.blueNormal, BlendMode.srcIn),
+                        )
+                      : IconButton(
+                          onPressed: () {
+                            textEditingController.clear();
+                            controller.searchValue.value = null;
+                            controller.isSearchSelected.value = false;
+                            widget.onSearchChanged?.call(null);
+                          },
+                          enableFeedback: true,
+                          padding: EdgeInsets.zero,
+                          iconSize: 24,
+                          splashRadius: 50,
+                          icon: Assets.vec.closeCircleSvg.svg(
+                            width: 20,
+                            height: 20,
+                            colorFilter: ColorFilter.mode(AppColor.blueNormal, BlendMode.srcIn),
+                          ),
+                        ),
                 ),
+                controller.searchValue,
               ),
-              hintText: 'جستجو',
-              controller: TextEditingController(),
+              hintText: 'جستجو کنید ...',
+              hintStyle: AppFonts.yekan16.copyWith(color: AppColor.blueNormal),
+              filledColor: Colors.white,
+              filled: true,
+              controller: textEditingController,
               onChanged: (val) => controller.searchValue.value = val,
             ),
           ),