From 36dc506e914b4438950798fb3cf84e321e8f8bf2 Mon Sep 17 00:00:00 2001
From: Bernhard Owen Josephus <bernhard.josephus@gmail.com>
Date: Thu, 15 May 2025 17:30:28 +0800
Subject: [PATCH 1/5] fix concierge categorize message styling

---
 src/libs/ReportActionsUtils.ts                 | 5 +++++
 src/pages/home/report/PureReportActionItem.tsx | 1 +
 2 files changed, 6 insertions(+)

diff --git a/src/libs/ReportActionsUtils.ts b/src/libs/ReportActionsUtils.ts
index 25aa61f87b3e..82bdf74ead95 100644
--- a/src/libs/ReportActionsUtils.ts
+++ b/src/libs/ReportActionsUtils.ts
@@ -1581,6 +1581,11 @@ function getReportActionMessageFragments(action: ReportAction): Message[] {
         return [{text: message, html: `<muted-text>${message}</muted-text>`, type: 'COMMENT'}];
     }
 
+    if (isConciergeCategoryOptions(action)) {
+        const message = getReportActionMessageText(action);
+        return [{text: message, html: message, type: 'COMMENT'}];
+    }
+
     const actionMessage = action.previousMessage ?? action.message;
     if (Array.isArray(actionMessage)) {
         return actionMessage.filter((item): item is Message => !!item);
diff --git a/src/pages/home/report/PureReportActionItem.tsx b/src/pages/home/report/PureReportActionItem.tsx
index 6d9b8c28fc43..1475bc7ed982 100644
--- a/src/pages/home/report/PureReportActionItem.tsx
+++ b/src/pages/home/report/PureReportActionItem.tsx
@@ -672,6 +672,7 @@ function PureReportActionItem({
                 onPress: () => {
                     addComment(originalReportID, option);
                 },
+                isMediumSized: true,
             }));
         }
 

From e431b43fd35f161ff76ab637b2345420cd94889c Mon Sep 17 00:00:00 2001
From: Bernhard Owen Josephus <bernhard.josephus@gmail.com>
Date: Fri, 16 May 2025 15:57:21 +0800
Subject: [PATCH 2/5] set medium size as the default

---
 .../ActionableItemButtons.tsx                 | 23 +++++++++++--------
 .../home/report/PureReportActionItem.tsx      | 12 +++++-----
 2 files changed, 19 insertions(+), 16 deletions(-)

diff --git a/src/components/ReportActionItem/ActionableItemButtons.tsx b/src/components/ReportActionItem/ActionableItemButtons.tsx
index 58b92edc6293..193ad5c53640 100644
--- a/src/components/ReportActionItem/ActionableItemButtons.tsx
+++ b/src/components/ReportActionItem/ActionableItemButtons.tsx
@@ -26,16 +26,19 @@ function ActionableItemButtons(props: ActionableItemButtonsProps) {
 
     return (
         <View style={[props.layout === 'horizontal' ? styles.flexRow : [styles.flexColumn, styles.alignItemsStart], styles.gap2, styles.mt2]}>
-            {props.items?.map((item) => (
-                <Button
-                    key={item.key}
-                    onPress={item.onPress}
-                    text={props.shouldUseLocalization ? translate(item.text as TranslationPaths) : item.text}
-                    small={!item.isMediumSized}
-                    medium={item.isMediumSized}
-                    success={item.isPrimary}
-                />
-            ))}
+            {props.items?.map((item) => {
+                const isMediumSized = item.isMediumSized ?? true;
+                return (
+                    <Button
+                        key={item.key}
+                        onPress={item.onPress}
+                        text={props.shouldUseLocalization ? translate(item.text as TranslationPaths) : item.text}
+                        small={!isMediumSized}
+                        medium={isMediumSized}
+                        success={item.isPrimary}
+                    />
+                );
+            })}
         </View>
     );
 }
diff --git a/src/pages/home/report/PureReportActionItem.tsx b/src/pages/home/report/PureReportActionItem.tsx
index 5fb33fc84090..b62d1345148a 100644
--- a/src/pages/home/report/PureReportActionItem.tsx
+++ b/src/pages/home/report/PureReportActionItem.tsx
@@ -649,7 +649,6 @@ function PureReportActionItem({
                     onPress: () => {
                         Navigation.navigate(ROUTES.SETTINGS_SUBSCRIPTION_ADD_PAYMENT_CARD);
                     },
-                    isMediumSized: true,
                     isPrimary: true,
                 },
             ];
@@ -671,7 +670,6 @@ function PureReportActionItem({
                 onPress: () => {
                     addComment(originalReportID, option);
                 },
-                isMediumSized: true,
             }));
         }
 
@@ -688,7 +686,6 @@ function PureReportActionItem({
                     onPress: () => {
                         createDraftTransactionAndNavigateToParticipantSelector(transactionID, reportID, CONST.IOU.ACTION.SUBMIT, action.reportActionID);
                     },
-                    isMediumSized: true,
                 },
                 {
                     text: 'actionableMentionTrackExpense.categorize',
@@ -696,7 +693,6 @@ function PureReportActionItem({
                     onPress: () => {
                         createDraftTransactionAndNavigateToParticipantSelector(transactionID, reportID, CONST.IOU.ACTION.CATEGORIZE, action.reportActionID);
                     },
-                    isMediumSized: true,
                 },
                 {
                     text: 'actionableMentionTrackExpense.share',
@@ -704,7 +700,6 @@ function PureReportActionItem({
                     onPress: () => {
                         createDraftTransactionAndNavigateToParticipantSelector(transactionID, reportID, CONST.IOU.ACTION.SHARE, action.reportActionID);
                     },
-                    isMediumSized: true,
                 },
                 {
                     text: 'actionableMentionTrackExpense.nothing',
@@ -712,7 +707,6 @@ function PureReportActionItem({
                     onPress: () => {
                         dismissTrackExpenseActionableWhisper(reportID, action);
                     },
-                    isMediumSized: true,
                 },
             ];
         }
@@ -724,11 +718,13 @@ function PureReportActionItem({
                     key: `${action.reportActionID}-actionableMentionJoinWorkspace-${CONST.REPORT.ACTIONABLE_MENTION_JOIN_WORKSPACE_RESOLUTION.ACCEPT}`,
                     onPress: () => acceptJoinRequest(reportID, action),
                     isPrimary: true,
+                    isMediumSized: false,
                 },
                 {
                     text: 'actionableMentionJoinWorkspaceOptions.decline',
                     key: `${action.reportActionID}-actionableMentionJoinWorkspace-${CONST.REPORT.ACTIONABLE_MENTION_JOIN_WORKSPACE_RESOLUTION.DECLINE}`,
                     onPress: () => declineJoinRequest(reportID, action),
+                    isMediumSized: false,
                 },
             ];
         }
@@ -740,11 +736,13 @@ function PureReportActionItem({
                     key: `${action.reportActionID}-actionableReportMentionWhisper-${CONST.REPORT.ACTIONABLE_REPORT_MENTION_WHISPER_RESOLUTION.CREATE}`,
                     onPress: () => resolveActionableReportMentionWhisper(reportID, action, CONST.REPORT.ACTIONABLE_REPORT_MENTION_WHISPER_RESOLUTION.CREATE),
                     isPrimary: true,
+                    isMediumSized: false,
                 },
                 {
                     text: 'common.no',
                     key: `${action.reportActionID}-actionableReportMentionWhisper-${CONST.REPORT.ACTIONABLE_REPORT_MENTION_WHISPER_RESOLUTION.NOTHING}`,
                     onPress: () => resolveActionableReportMentionWhisper(reportID, action, CONST.REPORT.ACTIONABLE_REPORT_MENTION_WHISPER_RESOLUTION.NOTHING),
+                    isMediumSized: false,
                 },
             ];
         }
@@ -755,11 +753,13 @@ function PureReportActionItem({
                 key: `${action.reportActionID}-actionableMentionWhisper-${CONST.REPORT.ACTIONABLE_MENTION_WHISPER_RESOLUTION.INVITE}`,
                 onPress: () => resolveActionableMentionWhisper(reportID, action, CONST.REPORT.ACTIONABLE_MENTION_WHISPER_RESOLUTION.INVITE),
                 isPrimary: true,
+                isMediumSized: false,
             },
             {
                 text: 'actionableMentionWhisperOptions.nothing',
                 key: `${action.reportActionID}-actionableMentionWhisper-${CONST.REPORT.ACTIONABLE_MENTION_WHISPER_RESOLUTION.NOTHING}`,
                 onPress: () => resolveActionableMentionWhisper(reportID, action, CONST.REPORT.ACTIONABLE_MENTION_WHISPER_RESOLUTION.NOTHING),
+                isMediumSized: false,
             },
         ];
     }, [

From ddded5f18e85ad5fcfa711e69636bd45fdc0e624 Mon Sep 17 00:00:00 2001
From: Bernhard Owen Josephus <bernhard.josephus@gmail.com>
Date: Mon, 19 May 2025 23:40:57 +0800
Subject: [PATCH 3/5] update all actionable button to medium size

---
 src/pages/home/report/PureReportActionItem.tsx | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/src/pages/home/report/PureReportActionItem.tsx b/src/pages/home/report/PureReportActionItem.tsx
index 19bd646f216d..68cddc093020 100644
--- a/src/pages/home/report/PureReportActionItem.tsx
+++ b/src/pages/home/report/PureReportActionItem.tsx
@@ -718,13 +718,11 @@ function PureReportActionItem({
                     key: `${action.reportActionID}-actionableMentionJoinWorkspace-${CONST.REPORT.ACTIONABLE_MENTION_JOIN_WORKSPACE_RESOLUTION.ACCEPT}`,
                     onPress: () => acceptJoinRequest(reportID, action),
                     isPrimary: true,
-                    isMediumSized: false,
                 },
                 {
                     text: 'actionableMentionJoinWorkspaceOptions.decline',
                     key: `${action.reportActionID}-actionableMentionJoinWorkspace-${CONST.REPORT.ACTIONABLE_MENTION_JOIN_WORKSPACE_RESOLUTION.DECLINE}`,
                     onPress: () => declineJoinRequest(reportID, action),
-                    isMediumSized: false,
                 },
             ];
         }
@@ -736,13 +734,11 @@ function PureReportActionItem({
                     key: `${action.reportActionID}-actionableReportMentionWhisper-${CONST.REPORT.ACTIONABLE_REPORT_MENTION_WHISPER_RESOLUTION.CREATE}`,
                     onPress: () => resolveActionableReportMentionWhisper(reportID, action, CONST.REPORT.ACTIONABLE_REPORT_MENTION_WHISPER_RESOLUTION.CREATE),
                     isPrimary: true,
-                    isMediumSized: false,
                 },
                 {
                     text: 'common.no',
                     key: `${action.reportActionID}-actionableReportMentionWhisper-${CONST.REPORT.ACTIONABLE_REPORT_MENTION_WHISPER_RESOLUTION.NOTHING}`,
                     onPress: () => resolveActionableReportMentionWhisper(reportID, action, CONST.REPORT.ACTIONABLE_REPORT_MENTION_WHISPER_RESOLUTION.NOTHING),
-                    isMediumSized: false,
                 },
             ];
         }
@@ -753,13 +749,11 @@ function PureReportActionItem({
                 key: `${action.reportActionID}-actionableMentionWhisper-${CONST.REPORT.ACTIONABLE_MENTION_WHISPER_RESOLUTION.INVITE}`,
                 onPress: () => resolveActionableMentionWhisper(reportID, action, CONST.REPORT.ACTIONABLE_MENTION_WHISPER_RESOLUTION.INVITE),
                 isPrimary: true,
-                isMediumSized: false,
             },
             {
                 text: 'actionableMentionWhisperOptions.nothing',
                 key: `${action.reportActionID}-actionableMentionWhisper-${CONST.REPORT.ACTIONABLE_MENTION_WHISPER_RESOLUTION.NOTHING}`,
                 onPress: () => resolveActionableMentionWhisper(reportID, action, CONST.REPORT.ACTIONABLE_MENTION_WHISPER_RESOLUTION.NOTHING),
-                isMediumSized: false,
             },
         ];
     }, [

From 9fb4065802c90b7bf70ddd49328d499fae485a2f Mon Sep 17 00:00:00 2001
From: Bernhard Owen Josephus <bernhard.josephus@gmail.com>
Date: Tue, 20 May 2025 06:19:52 +0800
Subject: [PATCH 4/5] remove unused prop

---
 src/components/ReportActionItem/ActionableItemButtons.tsx | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/components/ReportActionItem/ActionableItemButtons.tsx b/src/components/ReportActionItem/ActionableItemButtons.tsx
index 193ad5c53640..edf851bc93c3 100644
--- a/src/components/ReportActionItem/ActionableItemButtons.tsx
+++ b/src/components/ReportActionItem/ActionableItemButtons.tsx
@@ -10,7 +10,6 @@ type ActionableItem = {
     key: string;
     onPress: () => void;
     text: string;
-    isMediumSized?: boolean;
     shouldUseLocalization?: boolean;
 };
 
@@ -27,14 +26,12 @@ function ActionableItemButtons(props: ActionableItemButtonsProps) {
     return (
         <View style={[props.layout === 'horizontal' ? styles.flexRow : [styles.flexColumn, styles.alignItemsStart], styles.gap2, styles.mt2]}>
             {props.items?.map((item) => {
-                const isMediumSized = item.isMediumSized ?? true;
                 return (
                     <Button
                         key={item.key}
                         onPress={item.onPress}
                         text={props.shouldUseLocalization ? translate(item.text as TranslationPaths) : item.text}
-                        small={!isMediumSized}
-                        medium={isMediumSized}
+                        medium
                         success={item.isPrimary}
                     />
                 );

From bb5d23a9386bb26bfd6db47b6e1473a747ae9174 Mon Sep 17 00:00:00 2001
From: Bernhard Owen Josephus <bernhard.josephus@gmail.com>
Date: Tue, 20 May 2025 11:38:27 +0800
Subject: [PATCH 5/5] tidying up

---
 .../ActionableItemButtons.tsx                 | 20 +++++++++----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/src/components/ReportActionItem/ActionableItemButtons.tsx b/src/components/ReportActionItem/ActionableItemButtons.tsx
index edf851bc93c3..bd306a8b803e 100644
--- a/src/components/ReportActionItem/ActionableItemButtons.tsx
+++ b/src/components/ReportActionItem/ActionableItemButtons.tsx
@@ -25,17 +25,15 @@ function ActionableItemButtons(props: ActionableItemButtonsProps) {
 
     return (
         <View style={[props.layout === 'horizontal' ? styles.flexRow : [styles.flexColumn, styles.alignItemsStart], styles.gap2, styles.mt2]}>
-            {props.items?.map((item) => {
-                return (
-                    <Button
-                        key={item.key}
-                        onPress={item.onPress}
-                        text={props.shouldUseLocalization ? translate(item.text as TranslationPaths) : item.text}
-                        medium
-                        success={item.isPrimary}
-                    />
-                );
-            })}
+            {props.items?.map((item) => (
+                <Button
+                    key={item.key}
+                    onPress={item.onPress}
+                    text={props.shouldUseLocalization ? translate(item.text as TranslationPaths) : item.text}
+                    medium
+                    success={item.isPrimary}
+                />
+            ))}
         </View>
     );
 }