TF-3766 Change context menu style for mailbox on mobile

Signed-off-by: dab246 <tdvu@linagora.com>

lib/features/mailbox/presentation/model/context_item_mailbox_action.dart

@@ -1,7 +1,29 @@
-
-import 'package:tmail_ui_user/features/base/widget/context_menu_item_action.dart';
+import 'package:core/presentation/resources/image_paths.dart';
+import 'package:flutter/material.dart';
+import 'package:tmail_ui_user/features/base/widget/context_menu/context_menu_item_action.dart';
 import 'package:tmail_ui_user/features/mailbox/presentation/model/mailbox_actions.dart';
+import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
 
-class ContextMenuItemMailboxAction extends ContextMenuItemAction<MailboxActions> {
-  ContextMenuItemMailboxAction(super.action, super.state);
-}
+class ContextMenuItemMailboxAction
+    extends ContextMenuItemAction<MailboxActions> {
+  final AppLocalizations appLocalizations;
+  final ImagePaths imagePaths;
+
+  ContextMenuItemMailboxAction(
+    super.action,
+    this.appLocalizations,
+    this.imagePaths,
+  );
+
+  @override
+  String get actionIcon => action.getContextMenuIcon(imagePaths);
+
+  @override
+  String get actionName => action.getTitleContextMenu(appLocalizations);
+
+  @override
+  Color get actionIconColor => action.getContextMenuIconColor();
+
+  @override
+  Color get actionNameColor => action.getContextMenuIconColor();
+}

lib/features/mailbox/presentation/model/mailbox_actions.dart

@@ -1,9 +1,6 @@
-
-import 'package:core/core.dart';
+import 'package:core/presentation/extensions/color_extension.dart';
+import 'package:core/presentation/resources/image_paths.dart';
 import 'package:flutter/material.dart';
-import 'package:model/extensions/presentation_mailbox_extension.dart';
-import 'package:model/mailbox/presentation_mailbox.dart';
-import 'package:tmail_ui_user/features/base/widget/context_menu_item_action.dart';
 import 'package:tmail_ui_user/main/localizations/app_localizations.dart';
 
 enum MailboxActions {
@@ -48,44 +45,44 @@ extension MailboxActionsExtension on MailboxActions {
     }
   }
 
-  String getTitleContextMenu(BuildContext context) {
+  String getTitleContextMenu(AppLocalizations appLocalizations) {
     switch(this) {
       case MailboxActions.openInNewTab:
-        return AppLocalizations.of(context).openInNewTab;
+        return appLocalizations.openInNewTab;
       case MailboxActions.copySubaddress:
-        return AppLocalizations.of(context).copySubaddress;
+        return appLocalizations.copySubaddress;
       case MailboxActions.newSubfolder:
-        return AppLocalizations.of(context).newSubfolder;
+        return appLocalizations.newSubfolder;
       case MailboxActions.createFilter:
-        return AppLocalizations.of(context).createFilter;
+        return appLocalizations.createFilter;
       case MailboxActions.disableSpamReport:
-        return AppLocalizations.of(context).disableSpamReport;
+        return appLocalizations.disableSpamReport;
       case MailboxActions.enableSpamReport:
-        return AppLocalizations.of(context).enableSpamReport;
+        return appLocalizations.enableSpamReport;
       case MailboxActions.markAsRead:
-        return AppLocalizations.of(context).mark_as_read;
+        return appLocalizations.mark_as_read;
       case MailboxActions.move:
-        return AppLocalizations.of(context).moveFolder;
+        return appLocalizations.moveFolder;
       case MailboxActions.rename:
-        return AppLocalizations.of(context).renameFolder;
+        return appLocalizations.renameFolder;
       case MailboxActions.delete:
-        return AppLocalizations.of(context).deleteFolder;
+        return appLocalizations.deleteFolder;
       case MailboxActions.disableMailbox:
-        return AppLocalizations.of(context).hideFolder;
+        return appLocalizations.hideFolder;
       case MailboxActions.enableMailbox:
-        return AppLocalizations.of(context).showFolder;
+        return appLocalizations.showFolder;
       case MailboxActions.emptyTrash:
-        return AppLocalizations.of(context).emptyTrash;
+        return appLocalizations.emptyTrash;
       case MailboxActions.emptySpam:
-        return AppLocalizations.of(context).deleteAllSpamEmails;
+        return appLocalizations.deleteAllSpamEmails;
       case MailboxActions.confirmMailSpam:
-        return AppLocalizations.of(context).confirmAllEmailHereAreSpam;
+        return appLocalizations.confirmAllEmailHereAreSpam;
       case MailboxActions.recoverDeletedMessages:
-        return AppLocalizations.of(context).recoverDeletedMessages;
+        return appLocalizations.recoverDeletedMessages;
       case MailboxActions.allowSubaddressing:
-        return AppLocalizations.of(context).allowSubaddressing;
+        return appLocalizations.allowSubaddressing;
       case MailboxActions.disallowSubaddressing:
-        return AppLocalizations.of(context).disallowSubaddressing;
+        return appLocalizations.disallowSubaddressing;
       default:
         return '';
     }
@@ -134,7 +131,7 @@ extension MailboxActionsExtension on MailboxActions {
     }
   }
 
-  Color getColorContextMenuTitle() {
+  Color getPopupMenuTitleColor() {
     switch(this) {
       case MailboxActions.delete:
         return AppColor.redFF3347;
@@ -143,7 +140,7 @@ extension MailboxActionsExtension on MailboxActions {
     }
   }
 
-  Color getColorContextMenuIcon() {
+  Color getPopupMenuIconColor() {
     switch(this) {
       case MailboxActions.delete:
         return AppColor.redFF3347;
@@ -152,6 +149,24 @@ extension MailboxActionsExtension on MailboxActions {
     }
   }
 
+  Color getContextMenuIconColor() {
+    switch (this) {
+      case MailboxActions.delete:
+        return AppColor.redFF3347;
+      default:
+        return AppColor.gray424244.withOpacity(0.72);
+    }
+  }
+
+  Color getContextMenuTitleColor() {
+    switch (this) {
+      case MailboxActions.delete:
+        return AppColor.redFF3347;
+      default:
+        return AppColor.gray424244.withOpacity(0.9);
+    }
+  }
+
   bool canSearch() {
     switch(this) {
       case MailboxActions.create:
@@ -187,33 +202,4 @@ extension MailboxActionsExtension on MailboxActions {
         return true;
     }
   }
-
-  ContextMenuItemState getContextMenuItemState(PresentationMailbox mailbox) {
-    switch(this) {
-      case MailboxActions.openInNewTab:
-      case MailboxActions.copySubaddress:
-      case MailboxActions.newSubfolder:
-      case MailboxActions.createFilter:
-      case MailboxActions.disableSpamReport:
-      case MailboxActions.enableSpamReport:
-      case MailboxActions.enableMailbox:
-      case MailboxActions.disableMailbox:
-      case MailboxActions.move:
-      case MailboxActions.rename:
-      case MailboxActions.delete:
-      case MailboxActions.emptyTrash:
-      case MailboxActions.emptySpam:
-      case MailboxActions.confirmMailSpam:
-      case MailboxActions.recoverDeletedMessages:
-      case MailboxActions.allowSubaddressing:
-      case MailboxActions.disallowSubaddressing:
-        return ContextMenuItemState.activated;
-      case MailboxActions.markAsRead:
-        return mailbox.countUnReadEmailsAsString.isNotEmpty
-          ? ContextMenuItemState.activated
-          : ContextMenuItemState.deactivated;
-      default:
-        return ContextMenuItemState.deactivated;
-    }
-  }
 }