TF-1302 Store and load recent emoji

dab246 · dab246 · commit 993cdb41d7ca · 2025-11-18T10:21:39.000+07:00
diff --git a/lib/features/base/widget/emoji/emoji_button.dart b/lib/features/base/widget/emoji/emoji_button.dart
@@ -8,6 +8,7 @@ import 'package:pointer_interceptor/pointer_interceptor.dart';
 import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
 
 typedef OnEmojiSelected = Function(String emoji);
+typedef OnRecentEmojiSelected = Future<Category?> Function();
 
 class EmojiButton extends StatefulWidget {
   final EmojiData emojiData;
@@ -19,6 +20,7 @@ class EmojiButton extends StatefulWidget {
   final Color? iconColor;
   final String? iconTooltipMessage;
   final EdgeInsetsGeometry? iconPadding;
+  final OnRecentEmojiSelected? onRecentEmojiSelected;
 
   const EmojiButton({
     Key? key,
@@ -31,6 +33,7 @@ class EmojiButton extends StatefulWidget {
     this.iconColor,
     this.iconPadding,
     this.iconTooltipMessage,
+    this.onRecentEmojiSelected,
   }) : super(key: key);
 
   @override
@@ -45,6 +48,7 @@ class _EmojiButtonState extends State<EmojiButton>
   final GlobalKey _buttonKey = GlobalKey();
   OverlayEntry? _overlayEntry;
   bool _isDialogVisible = false;
+  Future<Category?>? _recentEmoji;
 
   late final AnimationController _animationController = AnimationController(
     vsync: this,
@@ -56,6 +60,17 @@ class _EmojiButtonState extends State<EmojiButton>
   late final Animation<double> _fadeAnimation =
       Tween<double>(begin: 0.0, end: 1.0).animate(_animationController);
 
+  Future<void> _loadRecentEmoji() async {
+    if (widget.onRecentEmojiSelected != null) {
+      final category = await widget.onRecentEmojiSelected!();
+      if (category != null) {
+        _recentEmoji = Future.value(category);
+        return;
+      }
+    }
+    _recentEmoji = Future.value(null);
+  }
+
   void _toggleEmojiDialog() {
     if (_isDialogVisible) {
       _closeDialog();
@@ -64,7 +79,7 @@ class _EmojiButtonState extends State<EmojiButton>
     }
   }
 
-  void _openDialog() {
+  Future<void> _openDialog() async {
     widget.onPickerOpen();
 
     if (!mounted || _isDialogVisible) return;
@@ -98,6 +113,8 @@ class _EmojiButtonState extends State<EmojiButton>
       }
     }
 
+    await _loadRecentEmoji();
+
     _overlayEntry = OverlayEntry(
       builder: (context) {
         return PointerInterceptor(
@@ -191,6 +208,7 @@ class _EmojiButtonState extends State<EmojiButton>
                         onEmojiSelected: (emojiId, emoji) {
                           widget.onEmojiSelected(emoji);
                         },
+                        recentEmoji: _recentEmoji,
                       ),
                     ),
                   ),
@@ -202,9 +220,11 @@ class _EmojiButtonState extends State<EmojiButton>
       },
     );
 
-    Overlay.maybeOf(context, rootOverlay: true)?.insert(_overlayEntry!);
+    if (mounted) {
+      Overlay.maybeOf(context, rootOverlay: true)?.insert(_overlayEntry!);
+    }
     _animationController.forward(from: 0);
-    setState(() => _isDialogVisible = true);
+    if (mounted) setState(() => _isDialogVisible = true);
   }
 
   Future<void> _closeDialog() async {
@@ -220,6 +240,7 @@ class _EmojiButtonState extends State<EmojiButton>
     _overlayEntry?.remove();
     _overlayEntry = null;
     _animationController.dispose();
+    _recentEmoji = null;
     super.dispose();
   }
 
diff --git a/lib/features/composer/presentation/composer_bindings.dart b/lib/features/composer/presentation/composer_bindings.dart
@@ -62,6 +62,7 @@ import 'package:tmail_ui_user/features/offline_mode/manager/new_email_cache_work
 import 'package:tmail_ui_user/features/offline_mode/manager/opened_email_cache_manager.dart';
 import 'package:tmail_ui_user/features/offline_mode/manager/opened_email_cache_worker_queue.dart';
 import 'package:tmail_ui_user/features/offline_mode/manager/sending_email_cache_manager.dart';
+import 'package:tmail_ui_user/features/reactions/presentation/reactions_interactor_bindings.dart';
 import 'package:tmail_ui_user/features/server_settings/domain/usecases/get_server_setting_interactor.dart';
 import 'package:tmail_ui_user/features/thread/data/local/email_cache_manager.dart';
 import 'package:tmail_ui_user/features/upload/data/datasource/attachment_upload_datasource.dart';
@@ -309,6 +310,10 @@ class ComposerBindings extends BaseBindings {
       Get.find<ComposerRepository>(tag: composerId),
       Get.find<EmailRepository>(tag: composerId),
     ), tag: composerId);
+
+    if (PlatformInfo.isWeb) {
+      ReactionsInteractorBindings(composerId: composerId).dependencies();
+    }
   }
 
   @override
@@ -404,5 +409,9 @@ class ComposerBindings extends BaseBindings {
 
     IdentityInteractorsBindings(composerId: composerId).dispose();
     PreferencesInteractorsBindings(composerId: composerId).dispose();
+
+    if (PlatformInfo.isWeb) {
+      ReactionsInteractorBindings(composerId: composerId).dispose();
+    }
   }
 }
diff --git a/lib/features/composer/presentation/composer_view_web.dart b/lib/features/composer/presentation/composer_view_web.dart
@@ -537,6 +537,7 @@ class ComposerView extends GetWidget<ComposerController> {
                             ),
                             Obx(() => BottomBarComposerWidget(
                               imagePaths: controller.imagePaths,
+                              responsiveUtils: controller.responsiveUtils,
                               isCodeViewEnabled: controller.richTextWebController!.codeViewEnabled,
                               isFormattingOptionsEnabled: controller.richTextWebController!.isFormattingOptionsEnabled,
                               hasReadReceipt: controller.hasRequestReadReceipt.value,
@@ -558,6 +559,7 @@ class ComposerView extends GetWidget<ComposerController> {
                               onOpenInsertLink: controller.openInsertLink,
                               onEmojiSelected: controller.insertEmojiToEditor,
                               onPickerOpen: controller.handleOpenEmojiPicker,
+                              onRecentEmojiSelected: controller.getRecentReactions,
                             )),
                           ],
                         ),
@@ -811,6 +813,7 @@ class ComposerView extends GetWidget<ComposerController> {
                             ),
                             Obx(() => BottomBarComposerWidget(
                               imagePaths: controller.imagePaths,
+                              responsiveUtils: controller.responsiveUtils,
                               isCodeViewEnabled: controller.richTextWebController!.codeViewEnabled,
                               isFormattingOptionsEnabled: controller.richTextWebController!.isFormattingOptionsEnabled,
                               hasReadReceipt: controller.hasRequestReadReceipt.value,
@@ -832,6 +835,7 @@ class ComposerView extends GetWidget<ComposerController> {
                               onOpenInsertLink: controller.openInsertLink,
                               onEmojiSelected: controller.insertEmojiToEditor,
                               onPickerOpen: controller.handleOpenEmojiPicker,
+                              onRecentEmojiSelected: controller.getRecentReactions,
                             )),
                           ],
                         ),
diff --git a/lib/features/composer/presentation/extensions/handle_insert_emoji_to_editor_extension.dart b/lib/features/composer/presentation/extensions/handle_insert_emoji_to_editor_extension.dart
@@ -1,10 +1,17 @@
 import 'package:core/utils/app_logger.dart';
+import 'package:flutter_emoji_mart/flutter_emoji_mart.dart';
 import 'package:tmail_ui_user/features/composer/presentation/composer_controller.dart';
+import 'package:tmail_ui_user/features/reactions/domain/state/get_recent_reactions_state.dart';
+import 'package:tmail_ui_user/features/reactions/domain/usecase/get_recent_reactions_interactor.dart';
+import 'package:tmail_ui_user/features/reactions/domain/usecase/store_recent_reactions_interactor.dart';
+import 'package:tmail_ui_user/main/routes/route_navigation.dart';
+import 'package:tmail_ui_user/main/utils/asset_manager.dart';
 
 extension HandleInsertEmojiToEditorExtension on ComposerController {
   void insertEmojiToEditor(String emoji) {
     log('$runtimeType::insertEmojiToEditor: Emoji is $emoji');
     richTextWebController?.insertEmoji(emoji);
+    storeRecentReactions(emoji);
   }
 
   void handleOpenEmojiPicker() {
@@ -13,4 +20,34 @@ extension HandleInsertEmojiToEditorExtension on ComposerController {
     clearFocusSubject();
     richTextWebController?.editorController.setFocus();
   }
+
+  void storeRecentReactions(String emoji) async {
+    final emojiId = AssetManager().emojiData?.getIdByEmoji(emoji);
+    log('$runtimeType::storeRecentReactions: EmojiId is $emojiId');
+    if (emojiId?.trim().isNotEmpty == true) {
+      final interactor = getBinding<StoreRecentReactionsInteractor>(
+        tag: composerId,
+      );
+      if (interactor != null) {
+        consumeState(interactor.execute(emojiId: emojiId!));
+      }
+    }
+  }
+
+  Future<Category?> getRecentReactions() async {
+    final interactor = getBinding<GetRecentReactionsInteractor>(
+      tag: composerId,
+    );
+    if (interactor == null) return Future.value(null);
+
+    final result = await interactor.execute();
+
+    final category = result.fold(
+      (failure) => null,
+      (success) =>
+          success is GetRecentReactionsSuccess ? success.category : null,
+    );
+    log('$runtimeType::getRecentReactions: Category is $category');
+    return category;
+  }
 }
diff --git a/lib/features/composer/presentation/widgets/web/bottom_bar_composer_widget.dart b/lib/features/composer/presentation/widgets/web/bottom_bar_composer_widget.dart
@@ -1,5 +1,6 @@
 import 'package:core/presentation/extensions/color_extension.dart';
 import 'package:core/presentation/resources/image_paths.dart';
+import 'package:core/presentation/utils/responsive_utils.dart';
 import 'package:core/presentation/views/button/tmail_button_widget.dart';
 import 'package:core/utils/platform_info.dart';
 import 'package:custom_pop_up_menu/custom_pop_up_menu.dart';
@@ -15,6 +16,7 @@ import 'package:tmail_ui_user/main/utils/asset_manager.dart';
 class BottomBarComposerWidget extends StatelessWidget {
 
   final ImagePaths imagePaths;
+  final ResponsiveUtils responsiveUtils;
   final bool isCodeViewEnabled;
   final bool isEmailChanged;
   final bool isFormattingOptionsEnabled;
@@ -36,10 +38,12 @@ class BottomBarComposerWidget extends StatelessWidget {
   final OnEmojiSelected onEmojiSelected;
   final VoidCallback onPickerOpen;
   final OnMenuChanged? onPopupMenuChanged;
+  final OnRecentEmojiSelected? onRecentEmojiSelected;
 
   const BottomBarComposerWidget({
     super.key,
     required this.imagePaths,
+    required this.responsiveUtils,
     required this.isCodeViewEnabled,
     required this.isEmailChanged,
     required this.isFormattingOptionsEnabled,
@@ -61,6 +65,7 @@ class BottomBarComposerWidget extends StatelessWidget {
     required this.onEmojiSelected,
     required this.onPickerOpen,
     this.onPopupMenuChanged,
+    this.onRecentEmojiSelected,
   });
 
   @override
@@ -117,7 +122,9 @@ class BottomBarComposerWidget extends StatelessWidget {
               onTapActionCallback: insertImageAction,
             ),
           ),
-          if (PlatformInfo.isWeb && AssetManager().emojiData != null)
+          if (PlatformInfo.isWeb &&
+              !responsiveUtils.isMobile(context) &&
+              AssetManager().emojiData != null)
             ...[
               const SizedBox(width: BottomBarComposerWidgetStyle.space),
               EmojiButton(
@@ -130,6 +137,7 @@ class BottomBarComposerWidget extends StatelessWidget {
                 iconPadding: BottomBarComposerWidgetStyle.iconPadding,
                 onEmojiSelected: onEmojiSelected,
                 onPickerOpen: onPickerOpen,
+                onRecentEmojiSelected: onRecentEmojiSelected,
               ),
             ],
           const SizedBox(width: BottomBarComposerWidgetStyle.space),
diff --git a/lib/features/reactions/data/datasource/reactions_datasource.dart b/lib/features/reactions/data/datasource/reactions_datasource.dart
@@ -0,0 +1,5 @@
+abstract class ReactionsDatasource {
+  Future<void> storeRecentReactions(List<String> recentReactions);
+
+  Future<List<String>> getRecentReactions();
+}
diff --git a/lib/features/reactions/data/datasource_impl/reactions_datasource_impl.dart b/lib/features/reactions/data/datasource_impl/reactions_datasource_impl.dart
@@ -0,0 +1,30 @@
+import 'package:tmail_ui_user/features/reactions/data/datasource/reactions_datasource.dart';
+import 'package:tmail_ui_user/features/reactions/data/local/reaction_cache_manager.dart';
+import 'package:tmail_ui_user/main/exceptions/exception_thrower.dart';
+
+class ReactionsDatasourceImpl implements ReactionsDatasource {
+  final ReactionsCacheManager _reactionCacheManager;
+  final ExceptionThrower _exceptionThrower;
+
+  ReactionsDatasourceImpl(this._reactionCacheManager, this._exceptionThrower);
+
+  @override
+  Future<List<String>> getRecentReactions() async {
+    return Future.sync(() {
+      return _reactionCacheManager.getRecentReactions() ?? <String>[];
+    }).catchError((error, stackTrace) async {
+      await _exceptionThrower.throwException(error, stackTrace);
+      throw error;
+    });
+  }
+
+  @override
+  Future<void> storeRecentReactions(List<String> recentReactions) {
+    return Future.sync(() async {
+      return await _reactionCacheManager.storeRecentReactions(recentReactions);
+    }).catchError((error, stackTrace) async {
+      await _exceptionThrower.throwException(error, stackTrace);
+      throw error;
+    });
+  }
+}
diff --git a/lib/features/reactions/data/local/reaction_cache_manager.dart b/lib/features/reactions/data/local/reaction_cache_manager.dart
@@ -0,0 +1,17 @@
+import 'package:shared_preferences/shared_preferences.dart';
+
+class ReactionsCacheManager {
+  static const keyRecentReactions = 'RECENT_REACTIONS';
+
+  final SharedPreferences _sharedPreferences;
+
+  ReactionsCacheManager(this._sharedPreferences);
+
+  Future<void> storeRecentReactions(List<String> recentReactions) async {
+    await _sharedPreferences.setStringList(keyRecentReactions, recentReactions);
+  }
+
+  List<String>? getRecentReactions() {
+    return _sharedPreferences.getStringList(keyRecentReactions);
+  }
+}
diff --git a/lib/features/reactions/data/repository/reactions_repository_impl.dart b/lib/features/reactions/data/repository/reactions_repository_impl.dart
@@ -0,0 +1,18 @@
+import 'package:tmail_ui_user/features/reactions/data/datasource/reactions_datasource.dart';
+import 'package:tmail_ui_user/features/reactions/domain/repository/reactions_repository.dart';
+
+class ReactionsRepositoryImpl implements ReactionsRepository {
+  final ReactionsDatasource _dataSource;
+
+  ReactionsRepositoryImpl(this._dataSource);
+
+  @override
+  Future<List<String>> getRecentReactions() {
+    return _dataSource.getRecentReactions();
+  }
+
+  @override
+  Future<void> storeRecentReactions(List<String> recentReactions) {
+    return _dataSource.storeRecentReactions(recentReactions);
+  }
+}
diff --git a/lib/features/reactions/domain/extensions/list_reactions_extesion.dart b/lib/features/reactions/domain/extensions/list_reactions_extesion.dart
@@ -0,0 +1,16 @@
+extension ListReactionsExtension on List<String> {
+  static const int maxRecentReactionsSize = 12;
+
+  List<String> combineRecentReactions(String emojiId) {
+    final result = List<String>.from(this);
+
+    result.remove(emojiId);
+    result.insert(0, emojiId);
+
+    if (result.length > maxRecentReactionsSize) {
+      result.length = maxRecentReactionsSize;
+    }
+
+    return result;
+  }
+}
diff --git a/lib/features/reactions/domain/repository/reactions_repository.dart b/lib/features/reactions/domain/repository/reactions_repository.dart
@@ -0,0 +1,5 @@
+abstract class ReactionsRepository {
+  Future<void> storeRecentReactions(List<String> recentReactions);
+
+  Future<List<String>> getRecentReactions();
+}
diff --git a/lib/features/reactions/domain/state/get_recent_reactions_state.dart b/lib/features/reactions/domain/state/get_recent_reactions_state.dart
@@ -0,0 +1,16 @@
+import 'package:core/presentation/state/failure.dart';
+import 'package:core/presentation/state/success.dart';
+import 'package:flutter_emoji_mart/flutter_emoji_mart.dart';
+
+class GetRecentReactionsSuccess extends UIState {
+  final Category category;
+
+  GetRecentReactionsSuccess(this.category);
+
+  @override
+  List<Object?> get props => [category];
+}
+
+class GetRecentReactionsFailure extends FeatureFailure {
+  GetRecentReactionsFailure(dynamic exception) : super(exception: exception);
+}
diff --git a/lib/features/reactions/domain/state/store_recent_reactions_state.dart b/lib/features/reactions/domain/state/store_recent_reactions_state.dart
@@ -0,0 +1,10 @@
+import 'package:core/presentation/state/failure.dart';
+import 'package:core/presentation/state/success.dart';
+
+class StoreRecentReactionsLoading extends LoadingState {}
+
+class StoreRecentReactionsSuccess extends UIState {}
+
+class StoreRecentReactionsFailure extends FeatureFailure {
+  StoreRecentReactionsFailure(dynamic exception) : super(exception: exception);
+}
diff --git a/lib/features/reactions/domain/usecase/get_recent_reactions_interactor.dart b/lib/features/reactions/domain/usecase/get_recent_reactions_interactor.dart
diff --git a/lib/features/reactions/domain/usecase/store_recent_reactions_interactor.dart b/lib/features/reactions/domain/usecase/store_recent_reactions_interactor.dart
diff --git a/lib/features/reactions/presentation/reactions_interactor_bindings.dart b/lib/features/reactions/presentation/reactions_interactor_bindings.dart
diff --git a/lib/main/bindings/local/local_bindings.dart b/lib/main/bindings/local/local_bindings.dart
