add: theme data persist using shared_preferences

aliwaseem27 · Sep 26, 2024 · c2f7afb · c2f7afb
1 parent 15e9b51
commit c2f7afb
Show file tree

Hide file tree

Showing 12 changed files with 210 additions and 62 deletions.
diff --git a/lib/app.dart b/lib/app.dart
@@ -18,7 +18,7 @@ class MyApp extends StatelessWidget {
     return MultiBlocProvider(
       providers: [
         BlocProvider<ThemeBloc>(
-          create: (context) => getIt<ThemeBloc>(),
+          create: (context) => getIt<ThemeBloc>()..add(const ThemeEvent.loadTheme()),
         ),
         BlocProvider<LanguageBloc>(
           create: (context) => getIt<LanguageBloc>()..add(LanguageEvent.loadInitialLocal(context)),

diff --git a/lib/app.dart~ b/lib/app.dart~
diff --git a/lib/features/domain/repositories/theme_repository.dart b/lib/features/domain/repositories/theme_repository.dart
@@ -0,0 +1,4 @@
+abstract class ThemeRepository {
+  Future<void> saveTheme(bool isDarkTheme);
+  Future<bool> loadTheme();
+}
diff --git a/lib/features/infrastructure/datasources/theme_local_datasource.dart b/lib/features/infrastructure/datasources/theme_local_datasource.dart
@@ -0,0 +1,18 @@
+import 'package:injectable/injectable.dart';
+import 'package:shared_preferences/shared_preferences.dart';
+
+@injectable
+class ThemeLocalDataSource {
+  final SharedPreferences sharedPreferences;
+  static const String _themeKey = 'THEME_MODE';
+
+  ThemeLocalDataSource(this.sharedPreferences);
+
+  Future<void> cacheTheme(bool isDarkTheme) async {
+    await sharedPreferences.setBool(_themeKey, isDarkTheme);
+  }
+
+  Future<bool> getTheme() async {
+    return sharedPreferences.getBool(_themeKey) ?? false; // false for light theme
+  }
+}
diff --git a/lib/features/infrastructure/repositories/theme_repository_impl.dart b/lib/features/infrastructure/repositories/theme_repository_impl.dart
@@ -0,0 +1,21 @@
+import 'package:injectable/injectable.dart';
+
+import '../../domain/repositories/theme_repository.dart';
+import '../datasources/theme_local_datasource.dart';
+
+@LazySingleton(as: ThemeRepository)
+class ThemeRepositoryImpl implements ThemeRepository {
+  final ThemeLocalDataSource localDataSource;
+
+  ThemeRepositoryImpl(this.localDataSource);
+
+  @override
+  Future<void> saveTheme(bool isDarkTheme) async {
+    await localDataSource.cacheTheme(isDarkTheme);
+  }
+
+  @override
+  Future<bool> loadTheme() async {
+    return await localDataSource.getTheme();
+  }
+}
diff --git a/lib/features/presentation/blocs/theme_bloc/theme_bloc.dart b/lib/features/presentation/blocs/theme_bloc/theme_bloc.dart
@@ -1,4 +1,5 @@
 import 'package:akkooo_todo/core/themes/theme.dart';
+import 'package:akkooo_todo/features/domain/repositories/theme_repository.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:freezed_annotation/freezed_annotation.dart';
@@ -12,10 +13,23 @@ part 'theme_bloc.freezed.dart';
 
 @injectable
 class ThemeBloc extends Bloc<ThemeEvent, ThemeState> {
-  ThemeBloc() : super(const ThemeState.light()) {
-    on<_ToggleThemeEvent>((event, emit) {
+  final ThemeRepository _themeRepository;
+
+  ThemeBloc(this._themeRepository) : super(const ThemeState.light()) {
+    on<_ToggleThemeEvent>((event, emit) async {
       if (state is _LightTheme) {
         emit(const ThemeState.dark());
+        await _themeRepository.saveTheme(true);
+      } else {
+        emit(const ThemeState.light());
+        await _themeRepository.saveTheme(false);
+      }
+    });
+
+    on<_LoadThemeEvent>((event, emit) async {
+      final isDarkTheme = await _themeRepository.loadTheme();
+      if (isDarkTheme) {
+        emit(const ThemeState.dark());
       } else {
         emit(const ThemeState.light());
       }

diff --git a/lib/features/presentation/blocs/theme_bloc/theme_bloc.freezed.dart b/lib/features/presentation/blocs/theme_bloc/theme_bloc.freezed.dart
@@ -19,32 +19,38 @@ mixin _$ThemeEvent {
   @optionalTypeArgs
   TResult when<TResult extends Object?>({
     required TResult Function() toggle,
+    required TResult Function() loadTheme,
   }) =>
       throw _privateConstructorUsedError;
   @optionalTypeArgs
   TResult? whenOrNull<TResult extends Object?>({
     TResult? Function()? toggle,
+    TResult? Function()? loadTheme,
   }) =>
       throw _privateConstructorUsedError;
   @optionalTypeArgs
   TResult maybeWhen<TResult extends Object?>({
     TResult Function()? toggle,
+    TResult Function()? loadTheme,
     required TResult orElse(),
   }) =>
       throw _privateConstructorUsedError;
   @optionalTypeArgs
   TResult map<TResult extends Object?>({
     required TResult Function(_ToggleThemeEvent value) toggle,
+    required TResult Function(_LoadThemeEvent value) loadTheme,
   }) =>
       throw _privateConstructorUsedError;
   @optionalTypeArgs
   TResult? mapOrNull<TResult extends Object?>({
     TResult? Function(_ToggleThemeEvent value)? toggle,
+    TResult? Function(_LoadThemeEvent value)? loadTheme,
   }) =>
       throw _privateConstructorUsedError;
   @optionalTypeArgs
   TResult maybeMap<TResult extends Object?>({
     TResult Function(_ToggleThemeEvent value)? toggle,
+    TResult Function(_LoadThemeEvent value)? loadTheme,
     required TResult orElse(),
   }) =>
       throw _privateConstructorUsedError;
@@ -113,6 +119,7 @@ class _$ToggleThemeEventImpl implements _ToggleThemeEvent {
   @optionalTypeArgs
   TResult when<TResult extends Object?>({
     required TResult Function() toggle,
+    required TResult Function() loadTheme,
   }) {
     return toggle();
   }
@@ -121,6 +128,7 @@ class _$ToggleThemeEventImpl implements _ToggleThemeEvent {
   @optionalTypeArgs
   TResult? whenOrNull<TResult extends Object?>({
     TResult? Function()? toggle,
+    TResult? Function()? loadTheme,
   }) {
     return toggle?.call();
   }
@@ -129,6 +137,7 @@ class _$ToggleThemeEventImpl implements _ToggleThemeEvent {
   @optionalTypeArgs
   TResult maybeWhen<TResult extends Object?>({
     TResult Function()? toggle,
+    TResult Function()? loadTheme,
     required TResult orElse(),
   }) {
     if (toggle != null) {
@@ -141,6 +150,7 @@ class _$ToggleThemeEventImpl implements _ToggleThemeEvent {
   @optionalTypeArgs
   TResult map<TResult extends Object?>({
     required TResult Function(_ToggleThemeEvent value) toggle,
+    required TResult Function(_LoadThemeEvent value) loadTheme,
   }) {
     return toggle(this);
   }
@@ -149,6 +159,7 @@ class _$ToggleThemeEventImpl implements _ToggleThemeEvent {
   @optionalTypeArgs
   TResult? mapOrNull<TResult extends Object?>({
     TResult? Function(_ToggleThemeEvent value)? toggle,
+    TResult? Function(_LoadThemeEvent value)? loadTheme,
   }) {
     return toggle?.call(this);
   }
@@ -157,6 +168,7 @@ class _$ToggleThemeEventImpl implements _ToggleThemeEvent {
   @optionalTypeArgs
   TResult maybeMap<TResult extends Object?>({
     TResult Function(_ToggleThemeEvent value)? toggle,
+    TResult Function(_LoadThemeEvent value)? loadTheme,
     required TResult orElse(),
   }) {
     if (toggle != null) {
@@ -170,6 +182,111 @@ abstract class _ToggleThemeEvent implements ThemeEvent {
   const factory _ToggleThemeEvent() = _$ToggleThemeEventImpl;
 }
 
+/// @nodoc
+abstract class _$$LoadThemeEventImplCopyWith<$Res> {
+  factory _$$LoadThemeEventImplCopyWith(_$LoadThemeEventImpl value,
+          $Res Function(_$LoadThemeEventImpl) then) =
+      __$$LoadThemeEventImplCopyWithImpl<$Res>;
+}
+
+/// @nodoc
+class __$$LoadThemeEventImplCopyWithImpl<$Res>
+    extends _$ThemeEventCopyWithImpl<$Res, _$LoadThemeEventImpl>
+    implements _$$LoadThemeEventImplCopyWith<$Res> {
+  __$$LoadThemeEventImplCopyWithImpl(
+      _$LoadThemeEventImpl _value, $Res Function(_$LoadThemeEventImpl) _then)
+      : super(_value, _then);
+
+  /// Create a copy of ThemeEvent
+  /// with the given fields replaced by the non-null parameter values.
+}
+
+/// @nodoc
+
+class _$LoadThemeEventImpl implements _LoadThemeEvent {
+  const _$LoadThemeEventImpl();
+
+  @override
+  String toString() {
+    return 'ThemeEvent.loadTheme()';
+  }
+
+  @override
+  bool operator ==(Object other) {
+    return identical(this, other) ||
+        (other.runtimeType == runtimeType && other is _$LoadThemeEventImpl);
+  }
+
+  @override
+  int get hashCode => runtimeType.hashCode;
+
+  @override
+  @optionalTypeArgs
+  TResult when<TResult extends Object?>({
+    required TResult Function() toggle,
+    required TResult Function() loadTheme,
+  }) {
+    return loadTheme();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? whenOrNull<TResult extends Object?>({
+    TResult? Function()? toggle,
+    TResult? Function()? loadTheme,
+  }) {
+    return loadTheme?.call();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeWhen<TResult extends Object?>({
+    TResult Function()? toggle,
+    TResult Function()? loadTheme,
+    required TResult orElse(),
+  }) {
+    if (loadTheme != null) {
+      return loadTheme();
+    }
+    return orElse();
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult map<TResult extends Object?>({
+    required TResult Function(_ToggleThemeEvent value) toggle,
+    required TResult Function(_LoadThemeEvent value) loadTheme,
+  }) {
+    return loadTheme(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult? mapOrNull<TResult extends Object?>({
+    TResult? Function(_ToggleThemeEvent value)? toggle,
+    TResult? Function(_LoadThemeEvent value)? loadTheme,
+  }) {
+    return loadTheme?.call(this);
+  }
+
+  @override
+  @optionalTypeArgs
+  TResult maybeMap<TResult extends Object?>({
+    TResult Function(_ToggleThemeEvent value)? toggle,
+    TResult Function(_LoadThemeEvent value)? loadTheme,
+    required TResult orElse(),
+  }) {
+    if (loadTheme != null) {
+      return loadTheme(this);
+    }
+    return orElse();
+  }
+}
+
+abstract class _LoadThemeEvent implements ThemeEvent {
+  const factory _LoadThemeEvent() = _$LoadThemeEventImpl;
+}
+
 /// @nodoc
 mixin _$ThemeState {
   @optionalTypeArgs

diff --git a/lib/features/presentation/blocs/theme_bloc/theme_event.dart b/lib/features/presentation/blocs/theme_bloc/theme_event.dart
@@ -3,4 +3,5 @@ part of 'theme_bloc.dart';
 @freezed
 class ThemeEvent with _$ThemeEvent {
   const factory ThemeEvent.toggle() = _ToggleThemeEvent;
+  const factory ThemeEvent.loadTheme() = _LoadThemeEvent;
 }
diff --git a/lib/injectable_modules.dart b/lib/injectable_modules.dart
@@ -0,0 +1,8 @@
+import 'package:injectable/injectable.dart';
+import 'package:shared_preferences/shared_preferences.dart';
+
+@module
+abstract class InjectableModules {
+  @preResolve
+  Future<SharedPreferences> get prefs => SharedPreferences.getInstance();
+}