chore: add permit type guard

static/scripts/rewards/render-transaction/render-transaction.ts

@@ -5,11 +5,10 @@ import { claimErc20PermitHandlerWrapper, fetchFundingWallet, generateInvalidateP
 import { claimErc721PermitHandler } from "../web3/erc721-permit";
 import { verifyCurrentNetwork } from "../web3/verify-current-network";
 import { insertErc20PermitTableData, insertErc721PermitTableData } from "./insert-table-data";
-import { displayRewardDetails, displayRewardPagination } from "./read-claim-data-from-url";
 import { renderEnsName } from "./render-ens-name";
 import { renderNftSymbol, renderTokenSymbol } from "./render-token-symbol";
 import { setPagination } from "./set-pagination";
-import { Erc721Permit } from "./tx-type";
+import { Erc20Permit, RewardPermit } from "./tx-type";
 
 type Success = boolean;
 
@@ -37,7 +36,7 @@ export async function renderTransaction(app: AppState, nextTx?: boolean): Promis
 
   verifyCurrentNetwork(app.reward.networkId).catch(console.error);
 
-  if (app.reward.type === "erc20-permit") {
+  if (permitCheck(app.reward)) {
     const treasury = await fetchFundingWallet(app);
 
     // insert tx data into table
@@ -60,7 +59,7 @@ export async function renderTransaction(app: AppState, nextTx?: boolean): Promis
 
     claimButton.element.addEventListener("click", claimErc20PermitHandlerWrapper(app));
     table.setAttribute(`data-claim`, "ok");
-  } else if (app.reward.type === "erc721-permit") {
+  } else {
     const requestedAmountElement = insertErc721PermitTableData(app.reward, table);
     table.setAttribute(`data-claim`, "ok");
 
@@ -75,8 +74,12 @@ export async function renderTransaction(app: AppState, nextTx?: boolean): Promis
     const toElement = document.getElementById(`rewardRecipient`) as Element;
     renderEnsName({ element: toElement, address: app.reward.transferDetails.to }).catch(console.error);
 
-    claimButton.element.addEventListener("click", claimErc721PermitHandler(app.reward as Erc721Permit));
+    claimButton.element.addEventListener("click", claimErc721PermitHandler(app.reward));
   }
 
   return true;
 }
+
+function permitCheck(permit: RewardPermit): permit is Erc20Permit {
+  return permit.type === "erc20-permit";
+}