From e99643085d1ca6d56494660b734280b3bc0e8b83 Mon Sep 17 00:00:00 2001
From: dab246 <tdvu@linagora.com>
Date: Tue, 25 Nov 2025 15:00:07 +0700
Subject: [PATCH] TF-4174 Display tag in opened email view when thread is
 disabled on web desktop

---
 .../email/presentation/email_view.dart        | 22 ++++--
 .../widgets/email_subject_widget.dart         | 70 ++++++++++++++++---
 .../presentation/widgets/label_widget.dart    |  2 +
 3 files changed, 77 insertions(+), 17 deletions(-)

diff --git a/lib/features/email/presentation/email_view.dart b/lib/features/email/presentation/email_view.dart
index 96e4d615f..e614d0f4a 100644
--- a/lib/features/email/presentation/email_view.dart
+++ b/lib/features/email/presentation/email_view.dart
@@ -22,6 +22,7 @@ import 'package:tmail_ui_user/features/base/widget/optional_scroll.dart';
 import 'package:tmail_ui_user/features/email/presentation/controller/single_email_controller.dart';
 import 'package:tmail_ui_user/features/email/presentation/extensions/calendar_event_extension.dart';
 import 'package:tmail_ui_user/features/email/presentation/extensions/handle_on_iframe_click_in_email_extension.dart';
+import 'package:tmail_ui_user/features/email/presentation/extensions/presentation_email_extension.dart';
 import 'package:tmail_ui_user/features/email/presentation/extensions/validate_display_free_busy_message_extension.dart';
 import 'package:tmail_ui_user/features/email/presentation/styles/email_view_styles.dart';
 import 'package:tmail_ui_user/features/email/presentation/utils/email_action_reactor/email_action_reactor.dart';
@@ -240,18 +241,27 @@ class EmailView extends GetWidget<SingleEmailController> {
     ScrollController? scrollController,
   }) {
     final isMobileResponsive = controller.responsiveUtils.isMobile(context);
+    final isWebDesktop = controller.responsiveUtils.isWebDesktop(context);
 
     return Column(
       crossAxisAlignment: CrossAxisAlignment.start,
       mainAxisSize: MainAxisSize.min,
       children: [
         if (!isInsideThreadDetailView || isFirstEmailInThreadDetail)
-          EmailSubjectWidget(
-            presentationEmail: presentationEmail.copyWith(
-              subject: threadSubject,
-            ),
-            isMobileResponsive: isMobileResponsive,
-          ),
+          Obx(() {
+            final allLabels =
+                controller.mailboxDashBoardController.labelController.labels;
+            final emailLabels = presentationEmail.getLabelList(allLabels);
+
+            return EmailSubjectWidget(
+              presentationEmail: presentationEmail.copyWith(
+                subject: threadSubject,
+              ),
+              isMobileResponsive: isMobileResponsive,
+              isWebDesktop: isWebDesktop,
+              labels: emailLabels,
+            );
+          }),
         Obx(() => InformationSenderAndReceiverBuilder(
           emailSelected: presentationEmail,
           imagePaths: controller.imagePaths,
diff --git a/lib/features/email/presentation/widgets/email_subject_widget.dart b/lib/features/email/presentation/widgets/email_subject_widget.dart
index 64c90cff5..dff90e647 100644
--- a/lib/features/email/presentation/widgets/email_subject_widget.dart
+++ b/lib/features/email/presentation/widgets/email_subject_widget.dart
@@ -1,33 +1,81 @@
 import 'package:flutter/material.dart';
+import 'package:labels/model/label.dart';
 import 'package:model/email/presentation_email.dart';
 import 'package:tmail_ui_user/features/email/presentation/styles/email_subject_styles.dart';
+import 'package:tmail_ui_user/features/labels/presentation/widgets/label_widget.dart';
 
 class EmailSubjectWidget extends StatelessWidget {
-
   final PresentationEmail presentationEmail;
   final bool isMobileResponsive;
+  final bool isWebDesktop;
+  final List<Label>? labels;
 
   const EmailSubjectWidget({
     super.key,
     required this.presentationEmail,
     this.isMobileResponsive = false,
+    this.isWebDesktop = false,
+    this.labels,
   });
 
+  bool get _hasLabels => labels?.isNotEmpty == true;
+
+  String get _title => presentationEmail.getEmailTitle();
+
   @override
   Widget build(BuildContext context) {
-    if (presentationEmail.getEmailTitle().isEmpty) {
-      return const SizedBox.shrink();
+    final padding = isMobileResponsive
+        ? EmailSubjectStyles.mobilePadding
+        : EmailSubjectStyles.padding;
+
+    if (_title.isEmpty) {
+      return _hasLabels && isWebDesktop
+          ? Padding(
+              padding: padding,
+              child: _buildLabelsOnly(),
+            )
+          : const SizedBox.shrink();
+    }
+
+    if (_hasLabels && isWebDesktop) {
+      return Padding(
+        padding: padding,
+        child: _buildTitleWithLabels(),
+      );
     }
 
     return Padding(
-      padding: isMobileResponsive
-          ? EmailSubjectStyles.mobilePadding
-          : EmailSubjectStyles.padding,
-      child: Text(
-        presentationEmail.getEmailTitle(),
-        style: EmailSubjectStyles.textStyle,
-        maxLines: EmailSubjectStyles.maxLines,
-      )
+      padding: padding,
+      child: _buildTitle(),
+    );
+  }
+
+  Widget _buildTitle() {
+    return Text(
+      _title,
+      style: EmailSubjectStyles.textStyle,
+      maxLines: EmailSubjectStyles.maxLines,
+    );
+  }
+
+  Widget _buildLabelsOnly() {
+    return Wrap(
+      spacing: 10,
+      runSpacing: 10,
+      crossAxisAlignment: WrapCrossAlignment.center,
+      children: labels!.map(LabelWidget.create).toList(),
+    );
+  }
+
+  Widget _buildTitleWithLabels() {
+    return Wrap(
+      spacing: 10,
+      runSpacing: 10,
+      crossAxisAlignment: WrapCrossAlignment.center,
+      children: [
+        _buildTitle(),
+        ...labels!.map(LabelWidget.create),
+      ],
     );
   }
 }
diff --git a/lib/features/labels/presentation/widgets/label_widget.dart b/lib/features/labels/presentation/widgets/label_widget.dart
index 7106684de..a707623b0 100644
--- a/lib/features/labels/presentation/widgets/label_widget.dart
+++ b/lib/features/labels/presentation/widgets/label_widget.dart
@@ -18,6 +18,8 @@ class LabelWidget extends StatelessWidget {
     this.isTruncateLabel = false,
   });
 
+  factory LabelWidget.create(Label label) => LabelWidget(label: label);
+
   @override
   Widget build(BuildContext context) {
     final showTooltip =