From 458f7925b280a414f3b5b5df5110e96b21c0df06 Mon Sep 17 00:00:00 2001
From: Ushie <ushiekane@gmail.com>
Date: Fri, 12 Aug 2022 01:45:51 +0300
Subject: [PATCH] feat: clear search query button

---
 lib/ui/widgets/search_bar.dart | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/lib/ui/widgets/search_bar.dart b/lib/ui/widgets/search_bar.dart
index 021d27c0..1b5724d2 100644
--- a/lib/ui/widgets/search_bar.dart
+++ b/lib/ui/widgets/search_bar.dart
@@ -23,6 +23,7 @@ class SearchBar extends StatefulWidget {
 }
 
 class _SearchBarState extends State<SearchBar> {
+  final TextEditingController _textController = TextEditingController();
   @override
   Widget build(BuildContext context) {
     return Container(
@@ -41,6 +42,7 @@ class _SearchBarState extends State<SearchBar> {
           Expanded(
             child: TextField(
               onChanged: widget.onQueryChanged,
+              controller: _textController,
               decoration: InputDecoration(
                 fillColor: widget.fillColor,
                 filled: true,
@@ -54,6 +56,16 @@ class _SearchBarState extends State<SearchBar> {
                   Icons.search,
                   size: 24.0,
                 ),
+                suffixIcon: _textController.text.isNotEmpty
+                    ? IconButton(
+                        icon: const Icon(Icons.clear),
+                        iconSize: 24.0,
+                        onPressed: () {
+                          _textController.clear();
+                          widget.onQueryChanged('');
+                        },
+                      )
+                    : null,
                 border: OutlineInputBorder(
                   borderRadius: BorderRadius.circular(10),
                   borderSide: BorderSide.none,