From 8d0167d081b5a6ac1aed2826c17275ca1ac8f9fa Mon Sep 17 00:00:00 2001
From: Zishan Mohd <zishan2539@gmail.com>
Date: Mon, 3 Nov 2025 22:11:56 +0530
Subject: [PATCH] fix: values getting switched

---
 src/app/(mobile-ui)/withdraw/manteca/page.tsx |  4 ++--
 .../Global/TokenAmountInput/index.tsx         | 21 ++++++++++++++++++-
 2 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/src/app/(mobile-ui)/withdraw/manteca/page.tsx b/src/app/(mobile-ui)/withdraw/manteca/page.tsx
index 3a7634b42..c3af78eb2 100644
--- a/src/app/(mobile-ui)/withdraw/manteca/page.tsx
+++ b/src/app/(mobile-ui)/withdraw/manteca/page.tsx
@@ -70,7 +70,7 @@ export default function MantecaWithdrawFlow() {
     const queryClient = useQueryClient()
     const { isUserBridgeKycApproved } = useKycStatus()
     const { hasPendingTransactions } = usePendingTransactions()
-
+    const swapCurrency = searchParams.get('swap-currency') ?? 'false'
     // Get method and country from URL parameters
     const selectedMethodType = searchParams.get('method') // mercadopago, pix, bank-transfer, etc.
     const countryFromUrl = searchParams.get('country') // argentina, brazil, etc.
@@ -400,7 +400,7 @@ export default function MantecaWithdrawFlow() {
                         walletBalance={
                             balance ? formatAmount(formatUnits(balance, PEANUT_WALLET_TOKEN_DECIMALS)) : undefined
                         }
-                        isInitialInputUsd
+                        isInitialInputUsd={swapCurrency !== 'true'}
                     />
                     <Button
                         variant="purple"
diff --git a/src/components/Global/TokenAmountInput/index.tsx b/src/components/Global/TokenAmountInput/index.tsx
index 003c3404a..ffd190b62 100644
--- a/src/components/Global/TokenAmountInput/index.tsx
+++ b/src/components/Global/TokenAmountInput/index.tsx
@@ -4,6 +4,7 @@ import { PEANUT_WALLET_TOKEN_DECIMALS, STABLE_COINS } from '@/constants'
 import { tokenSelectorContext } from '@/context'
 import { formatTokenAmount, formatCurrency } from '@/utils'
 import { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react'
+import { useRouter, useSearchParams } from 'next/navigation'
 import Icon from '../Icon'
 import { twMerge } from 'tailwind-merge'
 import { Icon as IconComponent } from '@/components/Global/Icons/Icon'
@@ -58,6 +59,8 @@ const TokenAmountInput = ({
     defaultSliderSuggestedAmount,
 }: TokenAmountInputProps) => {
     const { selectedTokenData } = useContext(tokenSelectorContext)
+    const router = useRouter()
+    const searchParams = useSearchParams()
     const inputRef = useRef<HTMLInputElement>(null)
     const inputType = useMemo(() => (window.innerWidth < 640 ? 'text' : 'number'), [])
     const [isFocused, setIsFocused] = useState(false)
@@ -173,7 +176,13 @@ const TokenAmountInput = ({
     // to change when we change the display mode or the value (we already call
     // onchange on the input change so dont add those dependencies here!)
     useEffect(() => {
-        onChange(displayValue, isInputUsd)
+        if (!isInitialInputUsd) {
+            const value = tokenValue ? Number(tokenValue) : 0
+            const formattedValue = (value * (currency?.price ?? 1)).toFixed(2)
+            onChange(formattedValue, isInputUsd)
+        } else {
+            onChange(displayValue, isInputUsd)
+        }
     }, [selectedTokenData?.price]) // Seriously, this is ok
 
     useEffect(() => {
@@ -346,6 +355,16 @@ const TokenAmountInput = ({
                             setAlternativeDisplayValue(currentValue)
                         }
                         setIsInputUsd(!isInputUsd)
+
+                        // Toggle swap-currency parameter in URL
+                        const params = new URLSearchParams(searchParams.toString())
+                        const currentSwapValue = params.get('swap-currency')
+                        if (currentSwapValue === 'true') {
+                            params.set('swap-currency', 'false')
+                        } else {
+                            params.set('swap-currency', 'true')
+                        }
+                        router.replace(`?${params.toString()}`, { scroll: false })
                     }}
                 >
                     <Icon name={'switch'} className="ml-5 rotate-90 cursor-pointer" width={32} height={32} />