transaction placement dialog

src/components/Withdraw.vue

@@ -30,6 +30,7 @@ import {tokenFloat} from "@/misc.js";
 import {vaultContract} from "@/blockchain/contract.js"
 import {pendTransaction} from "@/blockchain/wallet.js";
 import {FixedNumber} from "ethers";
+import {WithdrawTransaction} from "@/blockchain/transaction.js";
 
 const s = useStore()
 const props = defineProps(['modelValue', 'vault', 'token'])
@@ -50,10 +51,7 @@ function withdraw() {
   if( amount === 0n )
     return
   console.log('pending withdrawal', valueStr, amount, props.token.s)
-  pendTransaction(async (signer)=>{
-    const vault = await vaultContract(vaultAddr, signer)
-    return await vault['withdraw(address,uint256)'](props.token.a, amount)
-  })
+  new WithdrawTransaction(s.chainId, vaultAddr, props.token, amount).submit()
   floatAmount.value = 0
   emit('update:modelValue', false)
 }