TF-3759 Update style popup context menu for filter message option on thread view

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

lib/features/base/model/popup_menu_item_action.dart

@@ -30,7 +30,29 @@ mixin OptionalPopupIcon {
   double get actionIconSize => 20.0;
 }
 
-abstract class PopupMenuItemActionRequiredIcon<T>
-    extends PopupMenuItemAction<T> with OptionalPopupIcon {
+mixin OptionalPopupSelectedIcon<T> {
+  String get selectedIcon;
+
+  Color get selectedIconColor => AppColor.primaryMain;
+
+  double get selectedIconSize => 16.0;
+}
+
+abstract class PopupMenuItemActionRequiredIcon<T> extends PopupMenuItemAction<T>
+    with OptionalPopupIcon {
   PopupMenuItemActionRequiredIcon(super.action);
-}
+}
+
+abstract class PopupMenuItemActionRequiredSelectedIcon<T>
+    extends PopupMenuItemAction<T> with OptionalPopupSelectedIcon<T> {
+  final T? selectedAction;
+
+  PopupMenuItemActionRequiredSelectedIcon(super.action, this.selectedAction);
+}
+
+abstract class PopupMenuItemActionRequiredFull<T> extends PopupMenuItemAction<T>
+    with OptionalPopupIcon, OptionalPopupSelectedIcon<T> {
+  final T selectedAction;
+
+  PopupMenuItemActionRequiredFull(super.action, this.selectedAction);
+}

lib/features/base/widget/popup_menu/popup_menu_item_action_widget.dart

@@ -18,6 +18,8 @@ class PopupMenuItemActionWidget extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     Widget? iconWidget;
+    Widget? selectedIconWidget;
+    bool isSelected = false;
 
     if (menuAction is PopupMenuItemActionRequiredIcon) {
       final specificMenuAction = menuAction as PopupMenuItemActionRequiredIcon;
@@ -31,6 +33,42 @@ class PopupMenuItemActionWidget extends StatelessWidget {
           fit: BoxFit.fill,
         ),
       );
+    } else if (menuAction is PopupMenuItemActionRequiredSelectedIcon) {
+      final specificMenuAction = menuAction as PopupMenuItemActionRequiredSelectedIcon;
+      selectedIconWidget = Padding(
+        padding: const EdgeInsetsDirectional.only(start: 16),
+        child: SvgPicture.asset(
+          specificMenuAction.selectedIcon,
+          width: specificMenuAction.selectedIconSize,
+          height: specificMenuAction.selectedIconSize,
+          colorFilter: specificMenuAction.selectedIconColor.asFilter(),
+          fit: BoxFit.fill,
+        ),
+      );
+      isSelected = specificMenuAction.selectedAction == menuAction.action;
+    } else if (menuAction is PopupMenuItemActionRequiredFull) {
+      final specificMenuAction = menuAction as PopupMenuItemActionRequiredFull;
+      iconWidget = Padding(
+        padding: const EdgeInsetsDirectional.only(end: 16),
+        child: SvgPicture.asset(
+          specificMenuAction.actionIcon,
+          width: specificMenuAction.actionIconSize,
+          height: specificMenuAction.actionIconSize,
+          colorFilter: specificMenuAction.actionIconColor.asFilter(),
+          fit: BoxFit.fill,
+        ),
+      );
+      selectedIconWidget = Padding(
+        padding: const EdgeInsetsDirectional.only(start: 16),
+        child: SvgPicture.asset(
+          specificMenuAction.selectedIcon,
+          width: specificMenuAction.selectedIconSize,
+          height: specificMenuAction.selectedIconSize,
+          colorFilter: specificMenuAction.selectedIconColor.asFilter(),
+          fit: BoxFit.fill,
+        ),
+      );
+      isSelected = specificMenuAction.selectedAction == menuAction.action;
     }
 
     return PointerInterceptor(
@@ -55,6 +93,8 @@ class PopupMenuItemActionWidget extends StatelessWidget {
                     overflow: TextOverflow.ellipsis,
                   ),
                 ),
+                if (isSelected && selectedIconWidget != null)
+                  selectedIconWidget,
               ],
             ),
           ),