truncate expense description on expense preview

Expensify · Feb 9, 2024 · c4f1db2 · c4f1db2
1 parent 9463e22
commit c4f1db2
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/components/ReportActionItem/MoneyRequestPreview.tsx b/src/components/ReportActionItem/MoneyRequestPreview.tsx
@@ -325,7 +325,11 @@ function MoneyRequestPreview({
                                     {!isCurrentUserManager && shouldShowPendingConversionMessage && (
                                         <Text style={[styles.textLabel, styles.colorMuted]}>{translate('iou.pendingConversionMessage')}</Text>
                                     )}
-                                    {shouldShowDescription && <RenderHTML html={parser.replace(merchantOrDescription)} />}
+                                    {shouldShowDescription && (
+                                        <View style={[styles.breakWord, styles.preWrap]}>
+                                            <RenderHTML html={parser.replace(merchantOrDescription)} />
+                                        </View>
+                                    )}
                                     {shouldShowMerchant && <Text style={[styles.textLabelSupporting, styles.textNormal]}>{merchantOrDescription}</Text>}
                                 </View>
                                 {isBillSplit && participantAccountIDs.length > 0 && !!requestAmount && requestAmount > 0 && (