diff --git a/static/scripts/rewards/render-transaction/render-transaction.ts b/static/scripts/rewards/render-transaction/render-transaction.ts index ff55346f..7831e67e 100644 --- a/static/scripts/rewards/render-transaction/render-transaction.ts +++ b/static/scripts/rewards/render-transaction/render-transaction.ts @@ -30,6 +30,7 @@ export async function renderTransaction(): Promise { if (isErc20Permit(app.reward)) { const treasury = await fetchTreasury(app.reward); + table.setAttribute(`data-additional-data-size`, "small"); // insert tx data into table const requestedAmountElement = insertErc20PermitTableData(app, table, treasury); @@ -63,6 +64,7 @@ export async function renderTransaction(): Promise { } else { const requestedAmountElement = insertErc721PermitTableData(app.reward, table); table.setAttribute(`data-make-claim`, "ok"); + table.setAttribute(`data-additional-data-size`, "large"); renderNftSymbol({ tokenAddress: app.reward.tokenAddress, explorerUrl: networkExplorers[app.reward.networkId], @@ -71,7 +73,7 @@ export async function renderTransaction(): Promise { }).catch(console.error); const toElement = document.getElementById(`rewardRecipient`) as Element; - renderEnsName({ element: toElement, address: app.reward.beneficiary }).catch(console.error); + renderEnsName({ element: toElement, address: app.reward.beneficiary, networkID: app.networkId }).catch(console.error); getMakeClaimButton().addEventListener("click", claimErc721PermitHandler(app.reward)); } diff --git a/static/styles/rewards/claim-table.css b/static/styles/rewards/claim-table.css index 1d5db0ad..3844dd7b 100644 --- a/static/styles/rewards/claim-table.css +++ b/static/styles/rewards/claim-table.css @@ -170,6 +170,11 @@ table #additionalDetailsTable { pointer-events: none; transform: translate(-50%, -90px); } +table[data-additional-data-size="large"] #additionalDetailsTable { + opacity: 0; + pointer-events: none; + transform: translate(-50%, -175px); +} table[data-details-visible="true"] #additionalDetailsTable { opacity: 1; pointer-events: all;