From b8351da9f8bc1ae3a5a2323c4bf6fba7f2f63fb7 Mon Sep 17 00:00:00 2001
From: daledah <daleda261@outlook.com>
Date: Fri, 4 Apr 2025 02:24:34 +0700
Subject: [PATCH] fix: center task title

---
 src/components/HTMLEngineProvider/BaseHTMLEngineProvider.tsx | 5 ++++-
 src/components/ReportActionItem/TaskPreview.tsx              | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/HTMLEngineProvider/BaseHTMLEngineProvider.tsx b/src/components/HTMLEngineProvider/BaseHTMLEngineProvider.tsx
index daed57cb44f9..26163a5961c0 100755
--- a/src/components/HTMLEngineProvider/BaseHTMLEngineProvider.tsx
+++ b/src/components/HTMLEngineProvider/BaseHTMLEngineProvider.tsx
@@ -61,7 +61,10 @@ function BaseHTMLEngineProvider({textSelectable = false, children, enableExperim
                 tagName: 'comment',
                 getMixedUAStyles: (tnode) => {
                     if (tnode.attributes.islarge === undefined) {
-                        return {whiteSpace: 'pre'};
+                        if (tnode.attributes.center === undefined) {
+                            return {whiteSpace: 'pre'};
+                        }
+                        return {whiteSpace: 'pre', flex: 1, justifyContent: 'center'};
                     }
                     return {whiteSpace: 'pre', ...styles.onlyEmojisText};
                 },
diff --git a/src/components/ReportActionItem/TaskPreview.tsx b/src/components/ReportActionItem/TaskPreview.tsx
index 9c7e2827a128..98f45ff7f444 100644
--- a/src/components/ReportActionItem/TaskPreview.tsx
+++ b/src/components/ReportActionItem/TaskPreview.tsx
@@ -131,7 +131,7 @@ function TaskPreview({taskReportID, action, contextMenuAnchor, chatReportID, che
                         </UserDetailsTooltip>
                     )}
                     <View style={[styles.alignSelfCenter, styles.flex1]}>
-                        <RenderHTML html={`<comment>${taskTitleWithoutImage}</comment>`} />
+                        <RenderHTML html={`<comment center>${taskTitleWithoutImage}</comment>`} />
                     </View>
                 </View>
                 {shouldShowGreenDotIndicator && (