Discarded filter button with the background to reduce the ugly layout

BasedHardware · Jan 21, 2025 · 638db7b · 638db7b
1 parent ba58b21
commit 638db7b
Showing 1 changed file with 15 additions and 6 deletions.
diff --git 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,
+                ),
               ),
             );
           }),