feat: implement contest filter bottom sheet

Author: aman-singh7

assets/app/icons/false_audio_button.svg assets/app/icons/false_radio_button.svgassets/app/icons/false_audio_button.svg renamed to assets/app/icons/false_radio_button.svg

@@ -15,6 +15,8 @@ class AppAssets {
   static const String bell = '$_iconsRoot/bell.svg';
   static const String selectedBell = '$_iconsRoot/selected_bell.svg';
   static const String clock = '$_iconsRoot/clock.svg';
+  static const String trueRadioButton = '$_iconsRoot/true_radio_button.svg';
+  static const String falseRadioButton = '$_iconsRoot/false_radio_button.svg';
 
   // Images
   static const String circle1 = '$_imagesRoot/circle1.svg';

assets/app/icons/true_audio_button.svg assets/app/icons/true_radio_button.svgassets/app/icons/true_audio_button.svg renamed to assets/app/icons/true_radio_button.svg

@@ -9,6 +9,7 @@ class AppColors {
   static const Color grey5 = Color(0x3D000000);
   static const Color grey6 = Color(0xFF919191);
   static const Color grey7 = Color(0xFFF3F4F7);
+  static const Color grey8 = Color(0xFFC8C8C8);
   static const Color transparent = Colors.transparent;
 
   static const Color primary = Color(0xFF3366FF);

lib/data/constants/assets.dart

@@ -2,6 +2,7 @@ import 'dart:convert';
 
 import 'package:hive_flutter/hive_flutter.dart';
 
+import '../../../domain/models/contest_filter.dart';
 import '../../../domain/models/user.dart';
 import '../../constants/strings.dart';
 
@@ -66,4 +67,16 @@ class StorageService {
       _set<String?>(AppStrings.userKey, null);
     }
   }
+
+  static ContestFilter? get filter {
+    try {
+      return ContestFilter.fromJson(
+          json.decode(_get<String>(AppStrings.filterKey)!));
+    } on Exception catch (_) {
+      return null;
+    }
+  }
+
+  static set filter(ContestFilter? _filter) =>
+      _set(AppStrings.filterKey, json.encode(_filter!.toJson()));
 }

lib/data/constants/colors.dart

@@ -1,3 +1,5 @@
+import 'dart:developer';
+
 import 'package:equatable/equatable.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:freezed_annotation/freezed_annotation.dart';
@@ -16,6 +18,7 @@ class ContestsBloc extends Bloc<ContestsEvent, ContestsState> {
   ContestsBloc() : super(const ContestsState()) {
     on<FetchContests>(_fetchContests);
     on<UpdateFilter>(_updateFilter);
+    on<FilterButton>(_filterButton);
   }
 
   void _fetchContests(FetchContests event, Emitter<ContestsState> emit) async {
@@ -24,10 +27,28 @@ class ContestsBloc extends Bloc<ContestsEvent, ContestsState> {
     _upcoming = [...?contest?.upcoming];
     applyFilter();
     final contests = [..._filteredUpcoming, ..._filteredOngoing];
-    emit(state.copyWith(contests: contests, isLoading: false));
+    emit(state.copyWith(
+      contests: contests,
+      isLoading: false,
+      filter: _filter,
+    ));
+  }
+
+  void _filterButton(FilterButton event, Emitter<ContestsState> emit) {
+    _updatedfilter = _filter;
+
+    emit(state.copyWith(duration: _updatedfilter?.duration));
   }
 
-  void _updateFilter(UpdateFilter event, Emitter<ContestsState> emit) {}
+  void _updateFilter(UpdateFilter event, Emitter<ContestsState> emit) {
+    if (event.updatedFilter != null) _updatedfilter = event.updatedFilter;
+    emit(
+      state.copyWith(
+        duration: event.duration ?? _updatedfilter?.duration,
+        filter: event.updatedFilter ?? _updatedfilter,
+      ),
+    );
+  }
 
   void applyFilter() {
     _filteredOngoing = [];
@@ -53,7 +74,7 @@ class ContestsBloc extends Bloc<ContestsEvent, ContestsState> {
     }
   }
 
-  ContestFilter? _filter;
+  ContestFilter? _filter, _updatedfilter;
   List<Ongoing> _ongoing = [], _filteredOngoing = [];
   List<Upcoming> _upcoming = [], _filteredUpcoming = [];
 
@@ -70,8 +91,14 @@ class ContestsBloc extends Bloc<ContestsEvent, ContestsState> {
     }
 
     _filter = StorageService.filter;
+    _updatedfilter = _filter;
     add(const FetchContests());
   }
+
+  void saveFilter() {
+    log('save filter is called');
+    _filter = _updatedfilter;
+  }
 }
 
 extension on ContestFilter {

lib/data/services/local/storage_service.dart

@@ -14,9 +14,21 @@ class FetchContests extends ContestsEvent {
   List<Object?> get props => [];
 }
 
-class UpdateFilter extends ContestsEvent {
-  const UpdateFilter();
+class FilterButton extends ContestsEvent {
+  const FilterButton();
 
   @override
   List<Object?> get props => [];
 }
+
+class UpdateFilter extends ContestsEvent {
+  const UpdateFilter({
+    this.duration,
+    this.updatedFilter,
+  });
+  final int? duration;
+  final ContestFilter? updatedFilter;
+
+  @override
+  List<Object?> get props => [updatedFilter, duration];
+}

lib/presentation/contests/bloc/contests_bloc.dart

@@ -5,6 +5,8 @@ class ContestsState with _$ContestsState {
   const factory ContestsState({
     @Default(true) bool isLoading,
     @Default([]) List contests,
+    ContestFilter? filter,
+    int? duration,
   }) = _ContestsState;
 
   const ContestsState._();

lib/presentation/contests/bloc/contests_event.dart

@@ -5,6 +5,7 @@ import 'package:flutter_svg/flutter_svg.dart';
 import '../../../data/constants/assets.dart';
 import '../../../data/constants/colors.dart';
 import '../bloc/contests_bloc.dart';
+import 'filter_sheet.dart';
 
 class ContestHeader extends StatelessWidget {
   const ContestHeader({Key? key}) : super(key: key);
@@ -25,7 +26,14 @@ class ContestHeader extends StatelessWidget {
       actions: [
         IconButton(
           onPressed: () {
-            context.read<ContestsBloc>().add(const UpdateFilter());
+            final bloc = context.read<ContestsBloc>()
+              ..add(const FilterButton());
+            showModalBottomSheet(
+              context: context,
+              builder: (_) {
+                return FilterSheet(bloc: bloc);
+              },
+            );
           },
           icon: SvgPicture.asset(AppAssets.filter),
         ),