From 93be4c5fe688aaf5bf14b5c50bddb9ffafbffd7f Mon Sep 17 00:00:00 2001
From: Bernhard Owen Josephus <bernhard.josephus@gmail.com>
Date: Sat, 13 Apr 2024 14:33:37 +0800
Subject: [PATCH 1/2] parse task action html

---
 src/components/ReportActionItem/TaskAction.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/ReportActionItem/TaskAction.tsx b/src/components/ReportActionItem/TaskAction.tsx
index e85a2e708feb..94b152f61912 100644
--- a/src/components/ReportActionItem/TaskAction.tsx
+++ b/src/components/ReportActionItem/TaskAction.tsx
@@ -6,6 +6,7 @@ import Text from '@components/Text';
 import useThemeStyles from '@hooks/useThemeStyles';
 import * as TaskUtils from '@libs/TaskUtils';
 import type {ReportAction} from '@src/types/onyx';
+import ExpensiMark from 'expensify-common/lib/ExpensiMark';
 
 type TaskActionProps = {
     /** Name of the reportAction action */
@@ -15,10 +16,11 @@ type TaskActionProps = {
 function TaskAction({action}: TaskActionProps) {
     const styles = useThemeStyles();
     const message = TaskUtils.getTaskReportActionMessage(action);
+    const parser = new ExpensiMark();
 
     return (
         <View style={[styles.flex1, styles.flexRow, styles.alignItemsCenter, styles.breakWord, styles.preWrap]}>
-            {message.html ? <RenderHTML html={`<muted-text>${message.html}</muted-text>`} /> : <Text style={[styles.chatItemMessage, styles.colorMuted]}>{message.text}</Text>}
+            {message.html ? <RenderHTML html={`<muted-text>${parser.replace(message.html)}</muted-text>`} /> : <Text style={[styles.chatItemMessage, styles.colorMuted]}>{message.text}</Text>}
         </View>
     );
 }

From 909ec73d4bc34a15a3459faf8fa87ccacdb0ff8c Mon Sep 17 00:00:00 2001
From: Bernhard Owen Josephus <bernhard.josephus@gmail.com>
Date: Sat, 13 Apr 2024 14:37:28 +0800
Subject: [PATCH 2/2] prettier

---
 src/components/ReportActionItem/TaskAction.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/ReportActionItem/TaskAction.tsx b/src/components/ReportActionItem/TaskAction.tsx
index 94b152f61912..e1b36713592f 100644
--- a/src/components/ReportActionItem/TaskAction.tsx
+++ b/src/components/ReportActionItem/TaskAction.tsx
@@ -1,3 +1,4 @@
+import ExpensiMark from 'expensify-common/lib/ExpensiMark';
 import React from 'react';
 import {View} from 'react-native';
 import type {OnyxEntry} from 'react-native-onyx';
@@ -6,7 +7,6 @@ import Text from '@components/Text';
 import useThemeStyles from '@hooks/useThemeStyles';
 import * as TaskUtils from '@libs/TaskUtils';
 import type {ReportAction} from '@src/types/onyx';
-import ExpensiMark from 'expensify-common/lib/ExpensiMark';
 
 type TaskActionProps = {
     /** Name of the reportAction action */
@@ -20,7 +20,11 @@ function TaskAction({action}: TaskActionProps) {
 
     return (
         <View style={[styles.flex1, styles.flexRow, styles.alignItemsCenter, styles.breakWord, styles.preWrap]}>
-            {message.html ? <RenderHTML html={`<muted-text>${parser.replace(message.html)}</muted-text>`} /> : <Text style={[styles.chatItemMessage, styles.colorMuted]}>{message.text}</Text>}
+            {message.html ? (
+                <RenderHTML html={`<muted-text>${parser.replace(message.html)}</muted-text>`} />
+            ) : (
+                <Text style={[styles.chatItemMessage, styles.colorMuted]}>{message.text}</Text>
+            )}
         </View>
     );
 }