Sync development to testnet

pages/airdrops/[address]/claim.tsx

@@ -166,21 +166,21 @@ const ClaimAirdropPage: NextPage = () => {
   }, [contractAddress, wallet.address, wallet.initialized, wallets[0]?.terraAddress])
 
   useEffect(() => {
-    setBalance(Number(wallet.balance[0]?.amount))
-  }, [wallet.balance])
+    if (cw20TokenAddress) {
+      if (!cw20BaseContract) return
 
-  useEffect(() => {
-    if (!cw20BaseContract || !cw20TokenAddress) return
+      const contractMessages = cw20BaseContract.use(cw20TokenAddress)
 
-    const contractMessages = cw20BaseContract.use(cw20TokenAddress)
-
-    contractMessages
-      ?.balance(wallet.address)
-      .then((data: string) => {
-        setBalance(parseInt(data))
-      })
-      .catch(console.error)
-  }, [cw20TokenAddress, wallet.address])
+      contractMessages
+        ?.balance(wallet.address)
+        .then((data: string) => {
+          setBalance(parseInt(data))
+        })
+        .catch(console.error)
+    } else {
+      setBalance(Number(wallet.balance[0]?.amount))
+    }
+  }, [cw20TokenAddress, wallet.address, wallet.balance])
 
   useEffect(() => {
     if (!cw20BaseContract || !cw20TokenAddress) return
@@ -281,7 +281,7 @@ const ClaimAirdropPage: NextPage = () => {
             <div className="flex-grow" />
             <img alt="juno" className="w-6 h-6 rounded-full" src="/juno_logo.png" />
             <span className="font-bold">
-              {convertDenomToReadable(amount)} {cw20TokenInfo?.symbol}
+              {convertDenomToReadable(amount, cw20TokenInfo?.decimals)} {cw20TokenInfo?.symbol}
             </span>
           </div>
           <StackedList>
@@ -293,10 +293,10 @@ const ClaimAirdropPage: NextPage = () => {
               <StackedList.Item name="Token Address">{cw20TokenAddress}</StackedList.Item>
             </Conditional>
             <StackedList.Item name="Claim Amount">
-              {convertDenomToReadable(amount)} {cw20TokenInfo?.symbol}
+              {convertDenomToReadable(amount, cw20TokenInfo?.decimals)} {cw20TokenInfo?.symbol}
             </StackedList.Item>
             <StackedList.Item name="Your Token Balance">
-              {convertDenomToReadable(balance)} {cw20TokenInfo?.symbol}
+              {convertDenomToReadable(balance, cw20TokenInfo?.decimals)} {cw20TokenInfo?.symbol}
             </StackedList.Item>
             <StackedList.Item name="Merkle Proofs">
               <pre className="overflow-auto p-2 text-sm bg-stone-800/80 rounded">{JSON.stringify(proofs, null, 2)}</pre>

pages/airdrops/fund.tsx

@@ -50,6 +50,7 @@ const FundAirdropPage: NextPage = () => {
   const [balance, setBalance] = useState<number | null>(null)
   const [target, setTarget] = useState<number | null>(null)
   const [denom, setDenom] = useState<string | null>(null)
+  const [decimals, setDecimals] = useState<number>(6)
 
   const [method, setMethod] = useState<FundMethod>('mint')
 
@@ -78,6 +79,7 @@ const FundAirdropPage: NextPage = () => {
           setTarget(_target)
           setAmount(needed < 0 ? '0' : needed.toString())
           setDenom(_denom)
+          setDecimals(data.decimals)
         })
         .catch((err: any) => {
           toast.error(err.message, {
@@ -207,7 +209,7 @@ const FundAirdropPage: NextPage = () => {
               <Stats title="Total amount">
                 {balance ? (
                   <>
-                    {convertDenomToReadable(target)} <Stats.Denom text={denom} />
+                    {convertDenomToReadable(target, decimals)} <Stats.Denom text={denom} />
                   </>
                 ) : (
                   '...'
@@ -216,7 +218,7 @@ const FundAirdropPage: NextPage = () => {
               <Stats title="Contract balance">
                 {balance ? (
                   <>
-                    {convertDenomToReadable(balance)} <Stats.Denom text={denom} />
+                    {convertDenomToReadable(balance, decimals)} <Stats.Denom text={denom} />
                   </>
                 ) : (
                   '...'
@@ -225,7 +227,7 @@ const FundAirdropPage: NextPage = () => {
               <Stats title="Amount needed">
                 {target && balance ? (
                   <>
-                    {convertDenomToReadable(amount)} <Stats.Denom text={denom} />
+                    {convertDenomToReadable(amount, decimals)} <Stats.Denom text={denom} />
                   </>
                 ) : (
                   '...'

pages/airdrops/manage.tsx

@@ -38,6 +38,8 @@ const ManageAirdropPage: NextPage = () => {
   const [balance, setBalance] = useState<number | null>(null)
   const [target, setTarget] = useState<number | null>(null)
   const [denom, setDenom] = useState<string | null>(null)
+  const [decimals, setDecimals] = useState<number>(6)
+
   const [recipientAddress, setRecipientAddress] = useState<string | null>(null)
   const [isExpired, setIsExpired] = useState<boolean>(false)
 
@@ -69,6 +71,7 @@ const ManageAirdropPage: NextPage = () => {
           setTarget(_target)
           setAmount(needed < 0 ? '0' : needed.toString())
           setDenom(_denom)
+          setDecimals(data.decimals)
         })
         .catch((err: any) => {
           toast.error(err.message, {
@@ -266,7 +269,7 @@ const ManageAirdropPage: NextPage = () => {
               <Stats title="Total amount">
                 {balance ? (
                   <>
-                    {convertDenomToReadable(target)} <Stats.Denom text={denom} />
+                    {convertDenomToReadable(target, decimals)} <Stats.Denom text={denom} />
                   </>
                 ) : (
                   '...'
@@ -275,7 +278,7 @@ const ManageAirdropPage: NextPage = () => {
               <Stats title="Contract balance">
                 {balance ? (
                   <>
-                    {convertDenomToReadable(balance)} <Stats.Denom text={denom} />
+                    {convertDenomToReadable(balance, decimals)} <Stats.Denom text={denom} />
                   </>
                 ) : (
                   '...'
@@ -284,7 +287,7 @@ const ManageAirdropPage: NextPage = () => {
               <Stats title="Amount needed">
                 {target && balance ? (
                   <>
-                    {convertDenomToReadable(amount)} <Stats.Denom text={denom} />
+                    {convertDenomToReadable(amount, decimals)} <Stats.Denom text={denom} />
                   </>
                 ) : (
                   '...'

utils/contracts/cw20/execute.ts

@@ -102,7 +102,7 @@ export type DispatchExecuteArgs = {
   | { type: Select<'decrease-allowance'>; recipient: string; amount: string }
   | { type: Select<'transfer'>; recipient: string; amount: string }
   | { type: Select<'transfer-from'>; owner: string; recipient: string; amount: string }
-  | { type: Select<'send'>; contract: string; amount: string; msg: any }
+  | { type: Select<'send'>; recipient: string; amount: string; msg: any }
   | { type: Select<'send-from'>; owner: string; recipient: string; amount: string; msg: any }
   | { type: Select<'update-marketing'>; project: string; description: string; marketing: string }
   | { type: Select<'update-logo'>; logo: { url: string } }
@@ -138,7 +138,7 @@ export const dispatchExecute = async (args: DispatchExecuteArgs) => {
       return messages.transferFrom(txSigner, args.owner, args.recipient, args.amount.toString())
     }
     case 'send': {
-      return messages.send(txSigner, args.contract, args.amount.toString(), args.msg)
+      return messages.send(txSigner, args.recipient, args.amount.toString(), args.msg)
     }
     case 'send-from': {
       return messages.sendFrom(txSigner, args.owner, args.recipient, args.amount.toString(), args.msg)
@@ -188,8 +188,8 @@ export const previewExecutePayload = (args: DispatchExecuteArgs) => {
       return messages()?.transferFrom(contract, owner, recipient, amount.toString())
     }
     case 'send': {
-      const { contract, amount, msg } = args
-      return messages()?.send(contract, contract, amount.toString(), msg)
+      const { contract, recipient, amount, msg } = args
+      return messages()?.send(contract, recipient, amount.toString(), msg)
     }
     case 'send-from': {
       const { contract, amount, msg, owner, recipient } = args

utils/convertDenomToReadable.ts

@@ -1,3 +1,3 @@
-export const convertDenomToReadable = (amount: string | number | null) => {
-  return Number(amount) / 1000000
+export const convertDenomToReadable = (amount: string | number | null, decimal = 6) => {
+  return Number(amount) / Math.pow(10, decimal)
 }