Pass all token numbers as strings

These numbers may be well beyond JavaScript's number max. Signed-off-by: Andrew Richardson <[email protected]>
hyperledger · Apr 20, 2022 · a1b562d · a1b562d
1 parent e3650f4
commit a1b562d
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 21 deletions.
diff --git a/server/src/interfaces.ts b/server/src/interfaces.ts
@@ -123,7 +123,7 @@ export class TokenMint {
   @IsString()
   pool: string;
 
-  @IsString()
+  @IsNumberString()
   amount: string;
 }
 

diff --git a/ui/src/components/Forms/BurnForm.tsx b/ui/src/components/Forms/BurnForm.tsx
@@ -27,10 +27,10 @@ export const BurnForm: React.FC = () => {
 
   const [tokenPools, setTokenPools] = useState<ITokenPool[]>([]);
   const [pool, setPool] = useState<ITokenPool>();
-  const [amount, setAmount] = useState<number>(0);
+  const [amount, setAmount] = useState<string>('0');
   const [tokenIndex, setTokenIndex] = useState<string | null>('');
   const [refresh, setRefresh] = useState<number>(0);
-  const [tokenBalance, setTokenBalance] = useState<number>(0);
+  const [tokenBalance, setTokenBalance] = useState<string>('0');
 
   useEffect(() => {
     if (activeForm !== TUTORIALS.BURN) return;
@@ -80,7 +80,7 @@ export const BurnForm: React.FC = () => {
 
   useEffect(() => {
     if (!isFungible()) {
-      setAmount(1);
+      setAmount('1');
     }
   }, [pool, amount]);
 
@@ -96,9 +96,7 @@ export const BurnForm: React.FC = () => {
   };
 
   const handleAmountChange = (event: React.ChangeEvent<HTMLInputElement>) => {
-    if (parseInt(event.target.value)) {
-      setAmount(parseInt(event.target.value));
-    }
+    setAmount(event.target.value);
   };
 
   return (

diff --git a/ui/src/components/Forms/MintForm.tsx b/ui/src/components/Forms/MintForm.tsx
@@ -27,19 +27,19 @@ export const MintForm: React.FC = () => {
   const { t } = useTranslation();
 
   const [tokenPools, setTokenPools] = useState<ITokenPool[]>([]);
-  const [tokenBalance, setTokenBalance] = useState<number>(0);
+  const [tokenBalance, setTokenBalance] = useState<string>('0');
 
   const [message] = useState<string | object | undefined>(
     DEFAULT_MESSAGE_STRING
   );
 
   const [pool, setPool] = useState<ITokenPool>();
-  const [amount, setAmount] = useState<number>(1);
+  const [amount, setAmount] = useState<string>('1');
   const [refresh, setRefresh] = useState<number>(0);
 
   useEffect(() => {
     if (activeForm !== TUTORIALS.MINT) {
-      setAmount(1);
+      setAmount('1');
       return;
     }
     setPayloadMissingFields(!amount || !pool);
@@ -101,9 +101,7 @@ export const MintForm: React.FC = () => {
   }, [pool, refresh]);
 
   const handleAmountChange = (event: React.ChangeEvent<HTMLInputElement>) => {
-    if (parseInt(event.target.value)) {
-      setAmount(parseInt(event.target.value));
-    }
+    setAmount(event.target.value);
   };
 
   return (

diff --git a/ui/src/components/Forms/TransferForm.tsx b/ui/src/components/Forms/TransferForm.tsx
@@ -28,16 +28,16 @@ export const TransferForm: React.FC = () => {
 
   const [tokenPools, setTokenPools] = useState<ITokenPool[]>([]);
   const [pool, setPool] = useState<ITokenPool>();
-  const [amount, setAmount] = useState<number>(1);
+  const [amount, setAmount] = useState<string>('1');
   const [tokenVerifiers, setTokenVerifiers] = useState<IVerifiers[]>([]);
   const [recipient, setRecipient] = useState<string>('');
   const [tokenIndex, setTokenIndex] = useState<string | null>('');
-  const [tokenBalance, setTokenBalance] = useState<number>(0);
-  const [refresh, setRefresh] = useState<number>(0);
+  const [tokenBalance, setTokenBalance] = useState<string>('0');
+  const [refresh, setRefresh] = useState<string>('0');
 
   useEffect(() => {
     if (activeForm !== TUTORIALS.TRANSFER) {
-      setAmount(1);
+      setAmount('1');
       return;
     }
     setPayloadMissingFields(
@@ -80,7 +80,7 @@ export const TransferForm: React.FC = () => {
 
   useEffect(() => {
     if (!isFungible()) {
-      setAmount(1);
+      setAmount('1');
     }
   }, [pool, amount]);
 
@@ -112,9 +112,7 @@ export const TransferForm: React.FC = () => {
   };
 
   const handleAmountChange = (event: React.ChangeEvent<HTMLInputElement>) => {
-    if (parseInt(event.target.value)) {
-      setAmount(parseInt(event.target.value));
-    }
+    setAmount(event.target.value);
   };
 
   const handleTokenIndexChange = (