diff --git a/src/components/MoneyRequestConfirmationListFooter.tsx b/src/components/MoneyRequestConfirmationListFooter.tsx index bfa1625818ce..64849934faa5 100644 --- a/src/components/MoneyRequestConfirmationListFooter.tsx +++ b/src/components/MoneyRequestConfirmationListFooter.tsx @@ -908,24 +908,29 @@ function MoneyRequestConfirmationListFooter({ )} - {!shouldShowMap && - // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing - (receiptImage || receiptThumbnail - ? receiptThumbnailContent - : shouldShowReceiptEmptyState && ( - - { - if (!transactionID) { - return; - } - - Navigation.navigate(ROUTES.MONEY_REQUEST_STEP_SCAN.getRoute(CONST.IOU.ACTION.CREATE, iouType, transactionID, reportID, Navigation.getActiveRoute())); - }} - style={[styles.expenseViewImageSmall, styles.mv0]} - /> - - ))} + {!shouldShowMap && ( + + { + // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing + receiptImage || receiptThumbnail + ? receiptThumbnailContent + : shouldShowReceiptEmptyState && ( + { + if (!transactionID) { + return; + } + + Navigation.navigate( + ROUTES.MONEY_REQUEST_STEP_SCAN.getRoute(CONST.IOU.ACTION.CREATE, iouType, transactionID, reportID, Navigation.getActiveRoute()), + ); + }} + style={styles.expenseViewImageSmall} + /> + ) + } + + )} {primaryFields} {!shouldShowAllFields && ( )} @@ -582,6 +582,7 @@ function MoneyRequestView({report, shouldShowAnimatedBackground, readonly = fals } }} dismissError={dismissReceiptError} + style={styles.mv3} > {hasReceipt && ( diff --git a/src/styles/index.ts b/src/styles/index.ts index 1012d9651b34..c828859e5577 100644 --- a/src/styles/index.ts +++ b/src/styles/index.ts @@ -4688,7 +4688,7 @@ const styles = (theme: ThemeColors) => moneyRequestImage: { height: 200, borderRadius: 16, - margin: 20, + marginHorizontal: 20, overflow: 'hidden', borderWidth: 1, borderColor: theme.border, @@ -4866,7 +4866,6 @@ const styles = (theme: ThemeColors) => moneyRequestViewImage: { ...spacing.mh5, - ...spacing.mv3, overflow: 'hidden', borderWidth: 1, borderColor: theme.border,