Merge pull request ubiquity#290 from ubq-testing/development

optimistic view claim rendering

.cspell.json

@@ -41,7 +41,8 @@
     "URLSAFE",
     "WXDAI",
     "XDAI",
-    "xmark"
+    "xmark",
+    "outfile"
   ],
   "dictionaries": ["typescript", "node", "software-terms", "html"],
   "import": ["@cspell/dict-typescript/cspell-ext.json", "@cspell/dict-node/cspell-ext.json", "@cspell/dict-software-terms"],

static/scripts/rewards/web3/erc20-permit.ts

@@ -100,15 +100,9 @@ async function transferFromPermit(permit2Contract: Contract, app: AppState) {
 async function waitForTransaction(tx: TransactionResponse) {
   try {
     const receipt = await tx.wait();
-    viewClaimButton.onclick = () => {
-      window.open(`https://blockscan.com/tx/${receipt.transactionHash}`, "_blank");
-    };
 
-    toaster.create("success", `Claim Complete.`);
-    buttonController.showViewClaim();
-    buttonController.hideLoader();
-    buttonController.hideMakeClaim();
     console.log(receipt.transactionHash);
+    toaster.create("success", `Claim Complete.`);
 
     return receipt;
   } catch (error: unknown) {
@@ -140,9 +134,15 @@ export function claimErc20PermitHandlerWrapper(app: AppState) {
     const permit2Contract = new ethers.Contract(permit2Address, permit2Abi, signer);
     if (!permit2Contract) return;
 
-    const tx = await transferFromPermit(permit2Contract, app);
+    const tx: TransactionResponse = await transferFromPermit(permit2Contract, app);
     if (!tx) return;
 
+    viewClaimButton.onclick = () => window.open(`https://blockscan.com/tx/${tx.hash}`, "_blank");
+
+    buttonController.showViewClaim();
+    buttonController.hideLoader();
+    buttonController.hideMakeClaim();
+
     const receipt = await waitForTransaction(tx);
     if (!receipt) return;