Merge pull request #248 from ubq-testing/nft-table-fix

fix: move controls into sight
ubiquity · Jun 17, 2024 · b7dd348 · b7dd348
2 parents 8b1c07d + 4a2b8d1
commit b7dd348
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git 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<Success> {
 
   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<Success> {
   } 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<Success> {
     }).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
@@ -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;