fix scroll issue, limit input to the minimum supported amount (#291)

* fix scroll issue, limit input to the minimun supported amount * [skip ci] - bump version
XLabs · Aug 8, 2023 · bce549f · bce549f
1 parent 8d25433
commit bce549f
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@xlabs/portal-bridge-ui",
-  "version": "0.1.58",
+  "version": "0.1.59",
   "private": true,
   "dependencies": {
     "@certusone/wormhole-sdk": "^0.9.22",

diff --git a/src/components/NumberTextField.tsx b/src/components/NumberTextField.tsx
@@ -14,6 +14,10 @@ export default function NumberTextField({
       type="number"
       {...props}
       InputProps={{
+        inputProps: {
+          min: 0,
+          onWheel: (e) => e.currentTarget.blur(),
+        },
         endAdornment: onMaxClick ? (
           <InputAdornment position="end">
             <Button

diff --git a/src/store/selectors.ts b/src/store/selectors.ts
@@ -247,7 +247,9 @@ export const selectTransferSourceError = (
     if (
       parseUnits(
         state.transfer.amount,
-        state.transfer.sourceParsedTokenAccount.decimals
+        state.transfer.sourceParsedTokenAccount.isNativeAsset
+          ? state.transfer.sourceParsedTokenAccount.decimals
+          : state.transfer.sourceParsedTokenAccount.decimals - 10
       ).lte(0)
     ) {
       return "Amount must be greater than zero";
@@ -267,7 +269,10 @@ export const selectTransferSourceError = (
     }
   } catch (e: any) {
     if (e?.message) {
-      return e.message.substring(0, e.message.indexOf("("));
+      return `Invalid amount - ${e.message.substring(
+        0,
+        e.message.indexOf("(")
+      )}`;
     }
     return "Invalid amount";
   }