Fixed out of range bugs on inputs

pedrosimao · Feb 17, 2022 · 2922126 · 2922126
1 parent f41fca7
commit 2922126
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 9 deletions.
diff --git a/src/components/SwapInput/index.tsx b/src/components/SwapInput/index.tsx
@@ -71,7 +71,7 @@ export const SwapInput: React.FC<t.SwapInputPropsType> = ({
             size="xxlarge"
             textAlign="start"
             min={0}
-            value={value}
+            value={value ? value : ''}
             onChange={(e) => {
               onChange(e?.target?.value)
             }}
@@ -118,9 +118,7 @@ export const SwapInput: React.FC<t.SwapInputPropsType> = ({
             size="xxlarge"
             textAlign="start"
             min={0}
-            value={
-              swapQuote && value ? String(Number(value) * swapQuote) : undefined
-            }
+            value={swapQuote && value ? String(Number(value) * swapQuote) : ''}
             onChange={(e) => {
               onChange(String(Number(e?.target?.value) / (swapQuote || 1)))
             }}

diff --git a/src/hooks/useGetBalance.ts b/src/hooks/useGetBalance.ts
@@ -25,12 +25,12 @@ export const useGetBalance = (): {
           account_id: currentUser?.accountId,
         })
       const newQuidBalance = utils.format.formatNearAmount(quidRes)
-      setQuidBalance(Number(newQuidBalance).toFixed(3))
+      setQuidBalance(Number(newQuidBalance || 0).toFixed(3))
       // Get Near balance
       const newNearBalance = utils.format.formatNearAmount(
         currentUser?.balance || '0'
       )
-      setNearBalance(Number(newNearBalance).toFixed(3))
+      setNearBalance(Number(newNearBalance || 0).toFixed(3))
     } catch (e) {
       // Todo: add a toaster warning of errors
       console.error(e)

diff --git a/src/pages/stake.tsx b/src/pages/stake.tsx
@@ -78,7 +78,7 @@ const Stake: React.FC = () => {
               <br />
               <Box direction="column">
                 <CryptoInput
-                  value={String(depositAmnt)}
+                  value={depositAmnt ? String(depositAmnt) : ''}
                   maxValue={currentBalance}
                   onChange={setDepositAmnt}
                   currencyQuote={nearQuote}
@@ -126,7 +126,7 @@ const Stake: React.FC = () => {
               <Box direction="column">
                 <CryptoInput
                   maxValue={currentSpBalance}
-                  value={String(withdrawAmnt)}
+                  value={withdrawAmnt ? String(withdrawAmnt) : ''}
                   currencyQuote={nearQuote}
                   onChange={setWithdrawAmnt}
                   onChangeCurrency={() => setIsQuid(!isQuid)}

diff --git a/src/pages/swap.tsx b/src/pages/swap.tsx
@@ -87,7 +87,7 @@ const Swap: React.FC = () => {
         >
           <Box direction="column">
             <SwapInput
-              value={String(swapAmount)}
+              value={swapAmount ? String(swapAmount) : ''}
               maxValue={currentBalance}
               onChange={setSwapAmount}
               swapQuote={swapQuote}