Format

coinbase · Dec 20, 2024 · f6f1845 · f6f1845
1 parent af24c30
commit f6f1845
Show file tree

Hide file tree

Showing 4 changed files with 37 additions and 27 deletions.
diff --git a/src/fund/components/FundCardPaymentMethodSelectRow.tsx b/src/fund/components/FundCardPaymentMethodSelectRow.tsx
@@ -25,7 +25,10 @@ export const FundCardPaymentMethodSelectRow = memo(
       >
         <span className="flex items-center gap-3">
           {!hideImage && (
-            <FundCardPaymentMethodImage paymentMethod={paymentMethod} className='h-4 w-4'/>
+            <FundCardPaymentMethodImage
+              paymentMethod={paymentMethod}
+              className="h-4 w-4"
+            />
           )}
           <span className="flex flex-col items-start">
             <span className={cn(text.headline)}>{paymentMethod.name}</span>

diff --git a/src/fund/components/FundCardPaymentMethodSelectorToggle.tsx b/src/fund/components/FundCardPaymentMethodSelectorToggle.tsx
@@ -31,7 +31,10 @@ export const FundCardPaymentMethodSelectorToggle = forwardRef(
         data-testid="ockFundCardPaymentMethodSelectorToggle"
       >
         <div className="w-4">
-          <FundCardPaymentMethodImage paymentMethod={paymentMethod} className='h-4 w-4'/>
+          <FundCardPaymentMethodImage
+            paymentMethod={paymentMethod}
+            className="h-4 w-4"
+          />
         </div>
         <span
           className={cn(text.headline, color.foreground, 'flex w-full')}

diff --git a/src/fund/components/FundCardProvider.tsx b/src/fund/components/FundCardProvider.tsx
@@ -46,27 +46,27 @@ export function FundCardProvider({ children, asset }: FundCardProviderReact) {
   const [submitButtonState, setSubmitButtonState] =
     useState<FundButtonStateReact>('default');
 
-    const fetchExchangeRate = useDebounce(async () => {
-      setExchangeRateLoading(true);
-      const quote = await fetchOnrampQuote({
-        purchaseCurrency: selectedAsset,
-        paymentCurrency: 'USD',
-        paymentAmount: '100',
-        paymentMethod: 'CARD',
-        country: 'US',
-      });
-  
-      setExchangeRateLoading(false);
-  
-      setExchangeRate(
-        Number(quote.purchaseAmount.value) / Number(quote.paymentSubtotal.value),
-      );
-    }, 1000);
-  
-    // biome-ignore lint/correctness/useExhaustiveDependencies: One time effect
-    useEffect(() => {
-      fetchExchangeRate();
-    }, []);
+  const fetchExchangeRate = useDebounce(async () => {
+    setExchangeRateLoading(true);
+    const quote = await fetchOnrampQuote({
+      purchaseCurrency: selectedAsset,
+      paymentCurrency: 'USD',
+      paymentAmount: '100',
+      paymentMethod: 'CARD',
+      country: 'US',
+    });
+
+    setExchangeRateLoading(false);
+
+    setExchangeRate(
+      Number(quote.purchaseAmount.value) / Number(quote.paymentSubtotal.value),
+    );
+  }, 1000);
+
+  // biome-ignore lint/correctness/useExhaustiveDependencies: One time effect
+  useEffect(() => {
+    fetchExchangeRate();
+  }, []);
 
   const value = useValue<FundCardContextType>({
     selectedAsset,

diff --git a/src/fund/components/FundProvider.test.tsx b/src/fund/components/FundProvider.test.tsx
@@ -82,7 +82,7 @@ describe('FundCardProvider', () => {
       render(
         <FundCardProvider asset="BTC">
           <TestComponent />
-      </FundCardProvider>,
+        </FundCardProvider>,
       );
     });
 
@@ -91,8 +91,12 @@ describe('FundCardProvider', () => {
 
     // Wait for exchange rate to be set
     await waitFor(() => {
-      expect(screen.getByTestId('exchange-rate').textContent).toBe('0.0008333333333333334');
-      expect(screen.getByTestId('loading-state').textContent).toBe('not-loading');
+      expect(screen.getByTestId('exchange-rate').textContent).toBe(
+        '0.0008333333333333334',
+      );
+      expect(screen.getByTestId('loading-state').textContent).toBe(
+        'not-loading',
+      );
     });
 
     // Verify fetch was called with correct parameters
@@ -101,7 +105,7 @@ describe('FundCardProvider', () => {
       expect.objectContaining({
         method: 'POST',
         body: expect.stringContaining('"purchase_currency":"BTC"'),
-      })
+      }),
     );
   });