search text field

lib/presentation/components/field/field.dart

@@ -5,3 +5,4 @@ import '../spaces/space.dart';
 
 part 'password_text_field.dart';
 part 'text_field.dart';
+part 'search_text_field.dart';

lib/presentation/components/field/search_text_field.dart

@@ -0,0 +1,41 @@
+part of 'field.dart';
+
+class SearchTextFormField extends StatelessWidget {
+  final TextEditingController controller;
+  final Function(String value)? onChanged;
+  final VoidCallback? onTap;
+  final String hintText;
+
+  const SearchTextFormField({
+    super.key,
+    required this.controller,
+    this.onChanged,
+    this.onTap,
+    this.hintText = 'Cari di sini',
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      decoration: BoxDecoration(
+        color: AppColor.white,
+        borderRadius: BorderRadius.circular(8.0),
+      ),
+      child: TextFormField(
+        onTap: onTap,
+        readOnly: onTap != null,
+        controller: controller,
+        onChanged: onChanged,
+        decoration: InputDecoration(
+          hintText: hintText,
+          prefixIcon: const Icon(
+            Icons.search,
+            color: AppColor.borderDark,
+            size: 18,
+          ),
+          contentPadding: const EdgeInsets.all(8.0),
+        ),
+      ),
+    );
+  }
+}

lib/presentation/pages/main/pages/home/widgets/home_title.dart

@@ -4,6 +4,7 @@ import 'package:flutter_bloc/flutter_bloc.dart';
 import '../../../../../../application/auth/auth_bloc.dart';
 import '../../../../../../common/extension/extension.dart';
 import '../../../../../../common/theme/theme.dart';
+import '../../../../../components/field/field.dart';
 import '../../../../../components/spaces/space.dart';
 
 class HomeTitle extends StatelessWidget {
@@ -44,6 +45,14 @@ class HomeTitle extends StatelessWidget {
               );
             },
           ),
+          SizedBox(
+            width: context.deviceWidth * 0.2,
+            child: SearchTextFormField(
+              controller: controller,
+              onChanged: onChanged,
+              hintText: 'Search..',
+            ),
+          ),
         ],
       ),
     );