From c273a110b94f264761fa4cf8ffe0e7698e580b2f Mon Sep 17 00:00:00 2001
From: Bernhard Owen Josephus <bernhard.josephus@gmail.com>
Date: Fri, 30 Jun 2023 18:43:57 +0800
Subject: [PATCH] move chat message style to outer view

---
 .../ReportActionItem/TaskPreview.js           | 56 ++++++++++---------
 1 file changed, 29 insertions(+), 27 deletions(-)

diff --git a/src/components/ReportActionItem/TaskPreview.js b/src/components/ReportActionItem/TaskPreview.js
index 4f29f6d39984..f3c358b7958a 100644
--- a/src/components/ReportActionItem/TaskPreview.js
+++ b/src/components/ReportActionItem/TaskPreview.js
@@ -62,34 +62,36 @@ function TaskPreview(props) {
     const htmlForTaskPreview = taskAssignee ? `<comment><mention-user>@${taskAssignee}</mention-user> ${taskTitle}</comment>` : `<comment>${taskTitle}</comment>`;
 
     return (
-        <PressableWithoutFeedback
-            onPress={() => Navigation.navigate(ROUTES.getReportRoute(props.taskReportID))}
-            style={[styles.flexRow, styles.justifyContentBetween, styles.chatItemMessage]}
-            accessibilityRole="button"
-            accessibilityLabel={props.translate('newTaskPage.task')}
-        >
-            <View style={[styles.flex1, styles.flexRow, styles.alignItemsStart]}>
-                <Checkbox
-                    style={[styles.mr2]}
-                    containerStyle={[styles.taskCheckbox]}
-                    isChecked={isTaskCompleted}
-                    disabled={TaskUtils.isTaskCanceled(props.taskReport)}
-                    onPress={() => {
-                        if (isTaskCompleted) {
-                            TaskUtils.reopenTask(props.taskReportID, taskTitle);
-                        } else {
-                            TaskUtils.completeTask(props.taskReportID, taskTitle);
-                        }
-                    }}
-                    accessibilityLabel={props.translate('newTaskPage.task')}
+        <View style={[styles.chatItemMessage]}>
+            <PressableWithoutFeedback
+                onPress={() => Navigation.navigate(ROUTES.getReportRoute(props.taskReportID))}
+                style={[styles.flexRow, styles.justifyContentBetween]}
+                accessibilityRole="button"
+                accessibilityLabel={props.translate('newTaskPage.task')}
+            >
+                <View style={[styles.flex1, styles.flexRow, styles.alignItemsStart]}>
+                    <Checkbox
+                        style={[styles.mr2]}
+                        containerStyle={[styles.taskCheckbox]}
+                        isChecked={isTaskCompleted}
+                        disabled={TaskUtils.isTaskCanceled(props.taskReport)}
+                        onPress={() => {
+                            if (isTaskCompleted) {
+                                TaskUtils.reopenTask(props.taskReportID, taskTitle);
+                            } else {
+                                TaskUtils.completeTask(props.taskReportID, taskTitle);
+                            }
+                        }}
+                        accessibilityLabel={props.translate('newTaskPage.task')}
+                    />
+                    <RenderHTML html={htmlForTaskPreview} />
+                </View>
+                <Icon
+                    src={Expensicons.ArrowRight}
+                    fill={StyleUtils.getIconFillColor(getButtonState(props.isHovered))}
                 />
-                <RenderHTML html={htmlForTaskPreview} />
-            </View>
-            <Icon
-                src={Expensicons.ArrowRight}
-                fill={StyleUtils.getIconFillColor(getButtonState(props.isHovered))}
-            />
-        </PressableWithoutFeedback>
+            </PressableWithoutFeedback>
+        </View>
     );
 }