fix: preserve money deposit amount emphasis while loading

Author: pedronfigueiredo

app/components/Views/confirmations/components/info/custom-amount-info/custom-amount-info.test.tsx

@@ -50,6 +50,7 @@ import { usePayWithMoneyAccountSection } from '../../../hooks/pay/sections/usePa
 import Logger from '../../../../../../util/Logger';
 import useClearConfirmationOnBackSwipe from '../../../hooks/ui/useClearConfirmationOnBackSwipe';
 import { useAccountNoFundsAlert } from '../../../hooks/alerts/useAccountNoFundsAlert';
+import { mockTheme } from '../../../../../../util/theme';
 
 jest.mock('../../../hooks/ui/useClearConfirmationOnBackSwipe');
 jest.mock('../../../hooks/ui/useMMPayNavigation');
@@ -688,6 +689,22 @@ describe('CustomAmountInfo', () => {
       expect(getByTestId('custom-amount-input').props.onPress).toBeUndefined();
     });
 
+    it('keeps the amount visually enabled during preparation', () => {
+      arrangePendingPreparation();
+      const { getByTestId } = render({
+        transactionType: TransactionType.moneyAccountDeposit,
+      });
+
+      fireEvent.press(getByTestId('deposit-keyboard-done-button'));
+
+      expect(getByTestId('custom-amount-input')).toHaveStyle({
+        color: mockTheme.colors.text.default,
+      });
+      expect(getByTestId('custom-amount-symbol')).toHaveStyle({
+        color: mockTheme.colors.text.default,
+      });
+    });
+
     it('keeps the loading review throughout quote loading', async () => {
       const { deferred } = arrangePendingPreparation();
       const view = render({

app/components/Views/confirmations/components/info/custom-amount-info/custom-amount-info.tsx

@@ -360,8 +360,10 @@ export const CustomAmountInfo: React.FC<CustomAmountInfoProps> = memo(
               !hasAccountNoFunds &&
               (isPrefillPending || isDepositPrefillLoading)
             }
-            onPress={handleAmountPress}
-            disabled={!hasPaymentOption || showMoneyAccountLoadingReview}
+            onPress={
+              showMoneyAccountLoadingReview ? undefined : handleAmountPress
+            }
+            disabled={!hasPaymentOption}
             showCursor={isKeyboardVisible && !showMoneyAccountLoadingReview}
           />
           {!hidePayTokenAmount &&