From 3efc3d40194b6ed43f6cbe23a5aa56b39f8916bc Mon Sep 17 00:00:00 2001 From: Tomasz Misiukiewicz Date: Mon, 27 Apr 2026 16:10:53 +0200 Subject: [PATCH 1/2] remove deferred mount --- .../MoneyReportHeaderSecondaryActions.tsx | 32 +------------------ 1 file changed, 1 insertion(+), 31 deletions(-) diff --git a/src/components/MoneyReportHeaderActions/MoneyReportHeaderSecondaryActions.tsx b/src/components/MoneyReportHeaderActions/MoneyReportHeaderSecondaryActions.tsx index 0367e0e1cbff..3152c5c26c9d 100644 --- a/src/components/MoneyReportHeaderActions/MoneyReportHeaderSecondaryActions.tsx +++ b/src/components/MoneyReportHeaderActions/MoneyReportHeaderSecondaryActions.tsx @@ -2,15 +2,13 @@ import {delegateEmailSelector, isUserValidatedSelector} from '@selectors/Account import {hasSeenTourSelector} from '@selectors/Onboarding'; import truncate from 'lodash/truncate'; import React, {useContext, useEffect} from 'react'; -import {InteractionManager, View} from 'react-native'; +import {InteractionManager} from 'react-native'; import type {ValueOf} from 'type-fest'; -import Button from '@components/Button'; import type {ButtonWithDropdownMenuRef} from '@components/ButtonWithDropdownMenu/types'; import {useDelegateNoAccessActions, useDelegateNoAccessState} from '@components/DelegateNoAccessModalProvider'; import {KYCWallContext} from '@components/KYCWall/KYCWallContext'; import MoneyReportHeaderKYCDropdown from '@components/MoneyReportHeaderKYCDropdown'; import {useMoneyReportHeaderModals} from '@components/MoneyReportHeaderModalsContext'; -import NavigationDeferredMount from '@components/NavigationDeferredMount'; import {usePaymentAnimationsContext} from '@components/PaymentAnimationsContext'; import type {PopoverMenuItem} from '@components/PopoverMenu'; import {useSearchStateContext} from '@components/Search/SearchContext'; @@ -32,10 +30,7 @@ import usePaymentOptions from '@hooks/usePaymentOptions'; import usePermissions from '@hooks/usePermissions'; import usePolicy from '@hooks/usePolicy'; import useReportIsArchived from '@hooks/useReportIsArchived'; -import useResponsiveLayout from '@hooks/useResponsiveLayout'; import useSearchShouldCalculateTotals from '@hooks/useSearchShouldCalculateTotals'; -import useStyleUtils from '@hooks/useStyleUtils'; -import useThemeStyles from '@hooks/useThemeStyles'; import useTransactionsAndViolationsForReport from '@hooks/useTransactionsAndViolationsForReport'; import {generateDefaultWorkspaceName} from '@libs/actions/Policy/Policy'; import {search} from '@libs/actions/Search'; @@ -399,32 +394,8 @@ function MoneyReportHeaderSecondaryActionsInner({reportID, primaryAction, isRepo ); } -function MoneyReportHeaderSecondaryActionsPlaceholder({primaryAction}: {primaryAction: ValueOf | ''}) { - const styles = useThemeStyles(); - const StyleUtils = useStyleUtils(); - const {translate} = useLocalize(); - const {shouldUseNarrowLayout, isMediumScreenWidth} = useResponsiveLayout(); - const icons = useMemoizedLazyExpensifyIcons(['DownArrow']); - const shouldDisplayNarrowVersion = shouldUseNarrowLayout || isMediumScreenWidth; - const wrapperStyle = shouldDisplayNarrowVersion && !primaryAction ? styles.flex1 : undefined; - // Match the inner styles the real ButtonWithDropdownMenu applies when isSplitButton=false so text placement stays put on swap. - const innerStyles = [StyleUtils.getDropDownButtonHeight(CONST.DROPDOWN_BUTTON_SIZE.MEDIUM), styles.dropDownButtonCartIconView]; - return ( - -