Fixed filter view

Author: tmaxxdd

flutter_module/lib/presentation/screens/main_screen.dart

@@ -77,7 +77,8 @@ class _MainPage extends HookConsumerWidget {
     return Scaffold(
       backgroundColor: ColorStyles.pageBackground(),
       body: ViewStateWrapper<List<Snippet>>(
-        isLoading: state == ModelState.loading || stateNotification.isLoading == true,
+        isLoading:
+            state == ModelState.loading || stateNotification.isLoading == true,
         error: stateNotification.error,
         data: stateNotification.data?.cast(),
         builder: (_, snippets) {
@@ -114,14 +115,15 @@ class _MainPage extends HookConsumerWidget {
 typedef ExpandChangeListener = Function(bool);
 
 class _MainPageData extends HookWidget {
-  const _MainPageData(
-      {required this.navigator,
-      required this.model,
-      required this.snippets,
-      required this.filter,
-      required this.controller,
-      required this.expanded,
-      required this.onExpandChange});
+  const _MainPageData({
+    required this.navigator,
+    required this.model,
+    required this.snippets,
+    required this.filter,
+    required this.controller,
+    required this.expanded,
+    required this.onExpandChange,
+  });
 
   final DetailsNavigator navigator;
   final ChannelMainModel model;
@@ -165,65 +167,71 @@ class _MainPageData extends HookWidget {
             ],
           ),
           SliverAppBar(
-              floating: true,
-              forceElevated: true,
-              expandedHeight: Dimens.extendedAppBarHeight,
-              elevation: Dimens.s / 2,
-              backgroundColor: ColorStyles.surfacePrimary(),
-              shape: const RoundedRectangleBorder(
-                borderRadius: BorderRadius.only(
-                  bottomLeft: Radius.circular(Dimens.l),
-                  bottomRight: Radius.circular(Dimens.l),
-                ),
+            floating: true,
+            forceElevated: true,
+            expandedHeight: Dimens.extendedAppBarHeight,
+            elevation: Dimens.s / 2,
+            backgroundColor: ColorStyles.surfacePrimary(),
+            shape: const RoundedRectangleBorder(
+              borderRadius: BorderRadius.only(
+                bottomLeft: Radius.circular(Dimens.l),
+                bottomRight: Radius.circular(Dimens.l),
               ),
-              flexibleSpace: FlexibleSpaceBar(
-                collapseMode: CollapseMode.parallax,
-                background: Padding(
-                  padding: const EdgeInsets.symmetric(horizontal: Dimens.m),
-                  child: Column(
-                    mainAxisAlignment: MainAxisAlignment.end,
-                    children: [
-                      PaddingStyles.small(
-                        Row(children: [TextStyles.bold("Scope")]),
-                      ),
-                      PaddingStyles.small(
-                        Row(
-                          children: [
-                            Expanded(
-                              child: SizedBox(
-                                height: Dimens.filterDropdownHeight,
-                                child: FilterDropdown(
-                                  filters: filter.scopes ?? List.empty(),
-                                  selected: filter.selectedScope ?? '',
-                                  onSelected: (scope) {
-                                    model.filterScope(scope);
-                                  },
-                                ),
+            ),
+            flexibleSpace: FlexibleSpaceBar(
+              collapseMode: CollapseMode.parallax,
+              background: Padding(
+                padding: const EdgeInsets.symmetric(horizontal: Dimens.m),
+                child: Column(
+                  mainAxisAlignment: MainAxisAlignment.end,
+                  children: [
+                    PaddingStyles.small(
+                      Row(children: [TextStyles.bold("Scope")]),
+                    ),
+                    PaddingStyles.small(
+                      Row(
+                        children: [
+                          Expanded(
+                            child: SizedBox(
+                              height: Dimens.filterDropdownHeight,
+                              child: FilterDropdown(
+                                filters: filter.scopes ?? List.empty(),
+                                selected: filter.selectedScope ?? '',
+                                onSelected: (scope) {
+                                  model.filterScope(scope);
+                                },
                               ),
                             ),
-                          ],
-                        ),
+                          ),
+                          const SizedBox(width: Dimens.xl),
+                          const Icon(
+                            Icons.favorite_border,
+                            color: Colors.black,
+                          ),
+                        ],
                       ),
-                      PaddingStyles.small(
-                        Row(children: [TextStyles.bold("Language")]),
-                      ),
-                      SizedBox(
-                        height: Dimens.filterListHeight,
-                        child: FilterListView(
-                          filters: filter.languages ?? List.empty(),
-                          selected: filter.selectedLanguages ?? List.empty(),
-                          onSelected: (language, isSelected) {
-                            model.filterLanguage(language, isSelected);
-                          },
-                        ),
+                    ),
+                    PaddingStyles.small(
+                      Row(children: [TextStyles.bold("Language")]),
+                    ),
+                    SizedBox(
+                      height: Dimens.filterListHeight,
+                      child: FilterListView(
+                        filters: filter.languages ?? List.empty(),
+                        selected: filter.selectedLanguages ?? List.empty(),
+                        onSelected: (language, isSelected) {
+                          model.filterLanguage(language, isSelected);
+                        },
                       ),
-                      const SizedBox(
-                        height: Dimens.m,
-                      )
-                    ],
-                  ),
+                    ),
+                    const SizedBox(
+                      height: Dimens.m,
+                    )
+                  ],
                 ),
-              ))
+              ),
+            ),
+          )
         ];
       },
       body: CustomScrollView(

flutter_module/lib/presentation/styles/dimens.dart

@@ -8,7 +8,7 @@ class Dimens {
   static const inputBorderWidth = 1.0;
   static const filterDropdownHeight = 24.0;
   static const filterListHeight = 48.0;
-  static const extendedAppBarHeight = 144.0;
+  static const extendedAppBarHeight = 120.0;
 
   static const logoSignetSize = 18.0;
 }

flutter_module/lib/presentation/widgets/snippet_list_item.dart

@@ -34,7 +34,18 @@ class SnippetListTile extends HookWidget {
               right: Dimens.l,
               bottom: Dimens.m,
             ),
-            child: TextStyles.title(snippet.title ?? ""),
+            child: Row(
+              children: [
+                Expanded(child: TextStyles.title(snippet.title ?? "")),
+                const SizedBox(width: Dimens.s),
+                Icon(
+                  snippet.isFavorite == true
+                      ? Icons.favorite
+                      : Icons.favorite_border,
+                  size: Dimens.l,
+                ),
+              ],
+            ),
           ),
           Ink(
             color: ColorStyles.codeBackground(),