fix: show source token amount not balance

Author: infiniteflower

app/components/UI/Bridge/Views/BatchSellReview/BatchSellReviewTokenRow.test.tsx

@@ -171,6 +171,20 @@ describe('BatchSellReviewTokenRow', () => {
     expect(getByText('< 0.00001 ETH • 100%')).toBeOnTheScreen();
   });
 
+  it('renders the source amount used in the quote request', () => {
+    const { getByText } = render(
+      <BatchSellReviewTokenRow
+        token={mockToken}
+        tokenKey={mockTokenKey}
+        percent={50}
+        receivedAmount="123.45 USDC"
+        onPercentChange={mockOnPercentChange}
+      />,
+    );
+
+    expect(getByText('0.74906 ETH • 50%')).toBeOnTheScreen();
+  });
+
   it('forwards slider percent changes', () => {
     const { getByTestId } = render(
       <BatchSellReviewTokenRow

app/components/UI/Bridge/Views/BatchSellReview/BatchSellReviewTokenRow.tsx

@@ -22,6 +22,7 @@ import { formatTokenBalance } from '../../utils';
 import { BridgeToken } from '../../types';
 import { BatchSellReviewSelectorsIDs } from './BatchSellReview.testIds';
 import { BatchSellPercentageSlider } from './BatchSellPercentageSlider';
+import { getBatchSellSourceTokenAmount } from '../../hooks/useBatchSellQuoteRequest';
 
 interface BatchSellReviewTokenRowProps {
   token: BridgeToken;
@@ -36,8 +37,9 @@ interface BatchSellReviewTokenRowProps {
 }
 
 function getTokenBalanceText(token: BridgeToken, percent: number) {
-  const balanceText = token.balance
-    ? `${formatTokenBalance(token.balance)} ${token.symbol}`
+  const sourceAmount = getBatchSellSourceTokenAmount(token, percent);
+  const balanceText = sourceAmount
+    ? `${formatTokenBalance(sourceAmount)} ${token.symbol}`
     : token.symbol;
 
   return `${balanceText} • ${percent}%`;