diff --git a/src/components/ButtonWithDropdownMenu/index.tsx b/src/components/ButtonWithDropdownMenu/index.tsx index e89026137b67..896330f5e77e 100644 --- a/src/components/ButtonWithDropdownMenu/index.tsx +++ b/src/components/ButtonWithDropdownMenu/index.tsx @@ -76,7 +76,7 @@ function ButtonWithDropdownMenu({ ref={buttonRef} onPress={(event) => onPress(event, selectedItem.value)} text={customText ?? selectedItem.text} - isDisabled={isDisabled} + isDisabled={isDisabled || !!selectedItem.disabled} isLoading={isLoading} shouldRemoveRightBorderRadius style={[styles.flex1, styles.pr0]} diff --git a/src/components/SettlementButton.tsx b/src/components/SettlementButton.tsx index 690a9485f099..ea6a29999ae5 100644 --- a/src/components/SettlementButton.tsx +++ b/src/components/SettlementButton.tsx @@ -203,7 +203,7 @@ function SettlementButton({ return buttonOptions; // We don't want to reorder the options when the preferred payment method changes while the button is still visible // eslint-disable-next-line react-hooks/exhaustive-deps - }, [currency, formattedAmount, iouReport, policyID, translate, shouldHidePaymentOptions, shouldShowApproveButton]); + }, [currency, formattedAmount, iouReport, policyID, translate, shouldHidePaymentOptions, shouldShowApproveButton, shouldDisableApproveButton]); const selectPaymentType = (event: KYCFlowEvent, iouPaymentType: PaymentMethodType, triggerKYCFlow: TriggerKYCFlow) => { if (iouPaymentType === CONST.IOU.PAYMENT_TYPE.EXPENSIFY || iouPaymentType === CONST.IOU.PAYMENT_TYPE.VBBA) { triggerKYCFlow(event, iouPaymentType);