From 638db7bf6e9ec57e14d97d1486250423d183f213 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?th=E1=BB=8Bnh?= <ngocthinhdp@gmail.com>
Date: Tue, 21 Jan 2025 10:38:43 +0700
Subject: [PATCH] Discarded filter button with the background to reduce the
 ugly layout

---
 .../conversations/widgets/search_widget.dart  | 21 +++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/app/lib/pages/conversations/widgets/search_widget.dart b/app/lib/pages/conversations/widgets/search_widget.dart
index c0c0a8b60..a584683b6 100644
--- a/app/lib/pages/conversations/widgets/search_widget.dart
+++ b/app/lib/pages/conversations/widgets/search_widget.dart
@@ -79,14 +79,23 @@ class _SearchWidgetState extends State<SearchWidget> {
               style: const TextStyle(color: Colors.white),
             ),
           ),
+          const SizedBox(
+            width: 12,
+          ),
           Consumer<ConversationProvider>(
               builder: (BuildContext context, ConversationProvider convoProvider, Widget? child) {
-            return IconButton(
-              onPressed: convoProvider.toggleDiscardConversations,
-              icon: Icon(
-                convoProvider.showDiscardedConversations ? Icons.filter_alt_off_sharp : Icons.filter_alt_sharp,
-                color: Colors.white,
-                size: 24,
+            return Container(
+              decoration: BoxDecoration(
+                color: Colors.grey.shade900,
+                borderRadius: const BorderRadius.all(Radius.circular(16)),
+              ),
+              child: IconButton(
+                onPressed: convoProvider.toggleDiscardConversations,
+                icon: Icon(
+                  convoProvider.showDiscardedConversations ? Icons.filter_alt_off_sharp : Icons.filter_alt_sharp,
+                  color: Colors.white,
+                  size: 20,
+                ),
               ),
             );
           }),