Merge pull request Expensify#42329 from nkdengineer/fix/42210

fix: Split scan - Excessive header space in split menu
kmbcook · May 22, 2024 · 7eac0bd · 7eac0bd
2 parents 531067c + e4ae531
commit 7eac0bd
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/components/MoneyRequestHeaderStatusBar.tsx b/src/components/MoneyRequestHeaderStatusBar.tsx
@@ -17,9 +17,12 @@ type MoneyRequestHeaderStatusBarProps = {
 
     /** Whether we should use the danger theme color */
     danger?: boolean;
+
+    /** Whether we style flex grow */
+    shouldStyleFlexGrow?: boolean;
 };
 
-function MoneyRequestHeaderStatusBar({title, description, shouldShowBorderBottom, danger = false}: MoneyRequestHeaderStatusBarProps) {
+function MoneyRequestHeaderStatusBar({title, description, shouldShowBorderBottom, danger = false, shouldStyleFlexGrow = true}: MoneyRequestHeaderStatusBarProps) {
     const styles = useThemeStyles();
     const borderBottomStyle = shouldShowBorderBottom ? styles.borderBottom : {};
     return (
@@ -28,7 +31,7 @@ function MoneyRequestHeaderStatusBar({title, description, shouldShowBorderBottom
                 styles.dFlex,
                 styles.flexRow,
                 styles.alignItemsCenter,
-                styles.flexGrow1,
+                shouldStyleFlexGrow && styles.flexGrow1,
                 styles.overflowHidden,
                 styles.ph5,
                 styles.pb3,

diff --git a/src/pages/iou/SplitBillDetailsPage.tsx b/src/pages/iou/SplitBillDetailsPage.tsx
@@ -103,6 +103,7 @@ function SplitBillDetailsPage({personalDetails, report, route, reportActions, tr
                             title={translate('iou.receiptStatusTitle')}
                             description={translate('iou.receiptStatusText')}
                             shouldShowBorderBottom
+                            shouldStyleFlexGrow={false}
                         />
                     )}
                     {!!participants.length && (