Merge pull request #87893 from software-mansion-labs/jakubstec/fix-receipt-is-hidden-on-confirm-page-landscape

Author: mjasikowski

src/components/MoneyRequestConfirmationList.tsx

@@ -5,6 +5,7 @@ import type {OnyxEntry} from 'react-native-onyx';
 import {useCurrencyListActions} from '@hooks/useCurrencyList';
 import useCurrentUserPersonalDetails from '@hooks/useCurrentUserPersonalDetails';
 import useDebouncedState from '@hooks/useDebouncedState';
+import useIsInLandscapeMode from '@hooks/useIsInLandscapeMode';
 import useLocalize from '@hooks/useLocalize';
 import {MouseProvider} from '@hooks/useMouseContext';
 import useOnyx from '@hooks/useOnyx';
@@ -247,6 +248,7 @@ function MoneyRequestConfirmationList({
     const isNewManualExpenseFlowEnabled = isBetaEnabled(CONST.BETAS.NEW_MANUAL_EXPENSE_FLOW);
     const {isDelegateAccessRestricted} = useDelegateNoAccessState();
     const {showDelegateNoAccessModal} = useDelegateNoAccessActions();
+    const isInLandscapeMode = useIsInLandscapeMode();
 
     const isTestReceipt = useMemo(() => {
         return transaction?.receipt?.isTestReceipt ?? false;
@@ -1050,7 +1052,7 @@ function MoneyRequestConfirmationList({
         isLoadingReceipt,
     ]);
 
-    const isCompactMode = useMemo(() => !showMoreFields && isScanRequest, [isScanRequest, showMoreFields]);
+    const isCompactMode = useMemo(() => !showMoreFields && isScanRequest && !isInLandscapeMode, [isScanRequest, showMoreFields, isInLandscapeMode]);
     const selectionListStyle = useMemo(
         () => ({
             containerStyle: [styles.flexBasisAuto],

src/components/MoneyRequestConfirmationListFooter.tsx

@@ -4,6 +4,7 @@ import {View} from 'react-native';
 import type {LayoutChangeEvent} from 'react-native';
 import type {OnyxEntry} from 'react-native-onyx';
 import type {ValueOf} from 'type-fest';
+import useIsInLandscapeMode from '@hooks/useIsInLandscapeMode';
 import {useMemoizedLazyExpensifyIcons} from '@hooks/useLazyAsset';
 import useLocalize from '@hooks/useLocalize';
 import useLocalReceiptThumbnail from '@hooks/useLocalReceiptThumbnail';
@@ -278,6 +279,7 @@ function MoneyRequestConfirmationListFooter({
     const theme = useTheme();
     const {translate} = useLocalize();
     const {windowWidth} = useWindowDimensions();
+    const isInLandscapeMode = useIsInLandscapeMode();
 
     const {isBetaEnabled} = usePermissions();
     const isNewManualExpenseFlowEnabled = isBetaEnabled(CONST.BETAS.NEW_MANUAL_EXPENSE_FLOW);
@@ -627,7 +629,7 @@ function MoneyRequestConfirmationListFooter({
     ];
 
     // Compact mode / receipt logic
-    const isCompactMode = !showMoreFields && isScan;
+    const isCompactMode = !showMoreFields && isScan && !isInLandscapeMode;
     const [receiptAspectRatio, setReceiptAspectRatio] = useState<number | null>(null);
     const [compactReceiptContainerWidth, setCompactReceiptContainerWidth] = useState(0);
     const hasEndedReceiptLoadSpan = useRef(false);