test: fix CreditsAmount test

regen-network · Sep 23, 2024 · 3348d62 · 3348d62
1 parent 681d9f7
commit 3348d62
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 7 deletions.
diff --git a/web-marketplace/src/components/molecules/CreditsAmount/CreditsAmount.stories.tsx b/web-marketplace/src/components/molecules/CreditsAmount/CreditsAmount.stories.tsx
@@ -30,6 +30,7 @@ const CreditsWithForm = (args: any) => {
     args.paymentOption === PAYMENT_OPTIONS.CARD
       ? { askDenom: CURRENCIES.usd, askBaseDenom: CURRENCIES.usd }
       : defaultCryptoCurrency;
+  const [currency] = useState<Currency>(initCurrency);
   const [spendingCap, setSpendingCap] = useState(0);
   const [creditsAvailable, setCreditsAvailable] = useState(0);
 
@@ -52,6 +53,7 @@ const CreditsWithForm = (args: any) => {
     <Form form={form as any} onSubmit={form.handleSubmit as any}>
       <CreditsAmount
         {...args}
+        currency={currency}
         spendingCap={spendingCap}
         setSpendingCap={setSpendingCap}
         creditsAvailable={creditsAvailable}

diff --git a/web-marketplace/src/components/molecules/CreditsAmount/CreditsAmount.test.tsx b/web-marketplace/src/components/molecules/CreditsAmount/CreditsAmount.test.tsx
@@ -10,6 +10,7 @@ import { cardSellOrders, cryptoCurrencies } from './CreditsAmount.mock';
 describe('CreditsAmount', () => {
   const formDefaultValues = {
     paymentOption: PAYMENT_OPTIONS.CARD,
+    currency: { askDenom: CURRENCIES.usd, askBaseDenom: CURRENCIES.usd },
     spendingCap: 3185,
     setSpendingCap: () => {},
     creditsAvailable: 1125,

diff --git a/web-marketplace/src/components/molecules/CreditsAmount/CreditsAmount.tsx b/web-marketplace/src/components/molecules/CreditsAmount/CreditsAmount.tsx
@@ -28,6 +28,7 @@ import { CreditsInput } from './CreditsInput';
 import { CurrencyInput } from './CurrencyInput';
 
 export const CreditsAmount = ({
+  currency,
   paymentOption,
   creditsAvailable,
   setCreditsAvailable,
@@ -41,12 +42,7 @@ export const CreditsAmount = ({
   creditTypePrecision,
 }: CreditsAmountProps) => {
   const [maxCreditsSelected, setMaxCreditsSelected] = useState(false);
-  const { setValue, trigger, control } =
-    useFormContext<ChooseCreditsFormSchemaType>();
-  const currency = useWatch({
-    control,
-    name: CURRENCY,
-  });
+  const { setValue, trigger } = useFormContext<ChooseCreditsFormSchemaType>();
 
   const card = paymentOption === PAYMENT_OPTIONS.CARD;
   const orderedSellOrders = useMemo(

diff --git a/web-marketplace/src/components/molecules/CreditsAmount/CreditsAmount.types.tsx b/web-marketplace/src/components/molecules/CreditsAmount/CreditsAmount.types.tsx
@@ -5,7 +5,6 @@ import { UseStateSetter } from 'web-components/src/types/react/useState';
 
 import { PaymentOptionsType } from 'pages/BuyCredits/BuyCredits.types';
 import { UISellOrderInfo } from 'pages/Projects/AllProjects/AllProjects.types';
-import { ChooseCreditsFormSchemaType } from 'components/organisms/ChooseCreditsForm/ChooseCreditsForm.schema';
 
 import { AllowedDenoms } from '../DenomLabel/DenomLabel.utils';
 
@@ -25,6 +24,7 @@ export interface CreditsAmountProps {
   cryptoCurrencies: Currency[];
   allowedDenoms?: AllowedDenoms;
   creditTypePrecision?: number | null;
+  currency: Currency;
 }
 
 export interface CreditsInputProps {

diff --git a/web-marketplace/src/components/organisms/ChooseCreditsForm/ChooseCreditsForm.tsx b/web-marketplace/src/components/organisms/ChooseCreditsForm/ChooseCreditsForm.tsx
@@ -203,6 +203,7 @@ export function ChooseCreditsForm({
               cryptoCurrencies={cryptoCurrencies}
               allowedDenoms={allowedDenoms}
               creditTypePrecision={creditTypePrecision}
+              currency={currency}
             />
           )}
           {paymentOption === PAYMENT_OPTIONS.CRYPTO && (