feat(feed): show filter indicator on icon

- Added visual filter indicator
- Show when filter is applied

Author: fulleni

lib/headlines-feed/view/headlines_feed_page.dart

@@ -69,17 +69,44 @@ class _HeadlinesFeedViewState extends State<_HeadlinesFeedView> {
       appBar: AppBar(
         title: const Text('Headlines Feed'),
         actions: [
-          IconButton(
-            icon: const Icon(Icons.filter_list),
-            onPressed: () {
-              final bloc = context.read<HeadlinesFeedBloc>();
-              showModalBottomSheet<void>(
-                context: context,
-                builder: (BuildContext context) {
-                  return _HeadlinesFilterBottomSheet(
-                    bloc: bloc,
-                  );
-                },
+          BlocBuilder<HeadlinesFeedBloc, HeadlinesFeedState>(
+            builder: (context, state) {
+              bool isFilterApplied = false;
+              if (state is HeadlinesFeedLoaded) {
+                isFilterApplied = state.filter.category != null ||
+                    state.filter.source != null ||
+                    state.filter.eventCountry != null;
+              }
+              return Stack(
+                children: [
+                  IconButton(
+                    icon: const Icon(Icons.filter_list),
+                    onPressed: () {
+                      final bloc = context.read<HeadlinesFeedBloc>();
+                      showModalBottomSheet<void>(
+                        context: context,
+                        builder: (BuildContext context) {
+                          return _HeadlinesFilterBottomSheet(
+                            bloc: bloc,
+                          );
+                        },
+                      );
+                    },
+                  ),
+                  if (isFilterApplied)
+                    Positioned(
+                      top: 8,
+                      right: 8,
+                      child: Container(
+                        width: 8,
+                        height: 8,
+                        decoration: BoxDecoration(
+                          color: Theme.of(context).colorScheme.primary,
+                          shape: BoxShape.circle,
+                        ),
+                      ),
+                    ),
+                ],
               );
             },
           ),

pubspec.yaml

@@ -1,6 +1,6 @@
 name: ht_main
 description: main headlines toolkit mobile app.
-version: 0.11.5
+version: 0.13.0
 publish_to: none
 repository: https://github.com/headlines-toolkit/ht-main
 environment: