From 91eefa1667722bbaa43f24ea7814d4620fc56bbb Mon Sep 17 00:00:00 2001 From: clawbot Date: Fri, 27 Feb 2026 12:15:35 -0800 Subject: [PATCH 1/5] fix: use grey well for contract address display in address-token view - Replace border-b styling with bg-hover + dashed border for visual distinction from wallet address - Rename label from "Token Contract" to "Contract Address" - Addresses feedback on #9 --- src/popup/index.html | 2 +- src/popup/views/addressToken.js | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/popup/index.html b/src/popup/index.html index 889aa51..30a7536 100644 --- a/src/popup/index.html +++ b/src/popup/index.html @@ -361,7 +361,7 @@ diff --git a/src/popup/views/addressToken.js b/src/popup/views/addressToken.js index 2701963..11f377e 100644 --- a/src/popup/views/addressToken.js +++ b/src/popup/views/addressToken.js @@ -143,7 +143,7 @@ function show() { const dot = addressDotHtml(tokenId); const tokenLink = `https://etherscan.io/token/${escapeHtml(tokenId)}`; let infoHtml = - `
Token Contract
` + + `
Contract Address
` + `
${dot}` + `${escapeHtml(tokenId)}` + `${EXT_ICON}` + From 7b004ddda494344edb5f878388d7b1c6232859d5 Mon Sep 17 00:00:00 2001 From: clawbot Date: Fri, 27 Feb 2026 12:26:24 -0800 Subject: [PATCH 2/5] fix: rework contract info well per review feedback - Remove border, add rounded corners and horizontal margin - Each attribute on its own line (key: value format) - Move well below send/receive buttons - Add project/token URL from tokenlist when available - Import TOKEN_BY_ADDRESS for URL lookup --- src/popup/index.html | 12 ++++++------ src/popup/views/addressToken.js | 28 +++++++++++----------------- 2 files changed, 17 insertions(+), 23 deletions(-) diff --git a/src/popup/index.html b/src/popup/index.html index 30a7536..ba10b29 100644 --- a/src/popup/index.html +++ b/src/popup/index.html @@ -358,12 +358,6 @@
- - -
+ + +
diff --git a/src/popup/views/addressToken.js b/src/popup/views/addressToken.js index 11f377e..e7763df 100644 --- a/src/popup/views/addressToken.js +++ b/src/popup/views/addressToken.js @@ -142,30 +142,24 @@ function show() { const tokenHolders = tb && tb.holders != null ? tb.holders : null; const dot = addressDotHtml(tokenId); const tokenLink = `https://etherscan.io/token/${escapeHtml(tokenId)}`; - let infoHtml = - `
Contract Address
` + - `
${dot}` + + const knownToken = TOKEN_BY_ADDRESS.get(tokenId.toLowerCase()); + const projectUrl = knownToken && knownToken.url ? knownToken.url : null; + let infoHtml = `
Contract Address
`; + infoHtml += + `
${dot}` + `${escapeHtml(tokenId)}` + `${EXT_ICON}` + `
`; - const details = []; if (tokenName) - details.push(`Name: ${tokenName}`); + infoHtml += `
Name: ${tokenName}
`; if (tokenSymbol) - details.push( - `Symbol: ${tokenSymbol}`, - ); + infoHtml += `
Symbol: ${tokenSymbol}
`; if (tokenDecimals != null) - details.push( - `Decimals: ${tokenDecimals}`, - ); + infoHtml += `
Decimals: ${tokenDecimals}
`; if (tokenHolders != null) - details.push( - `Holders: ${Number(tokenHolders).toLocaleString()}`, - ); - if (details.length > 0) { - infoHtml += `
${details.join("")}
`; - } + infoHtml += `
Holders: ${Number(tokenHolders).toLocaleString()}
`; + if (projectUrl) + infoHtml += `
Website: ${escapeHtml(projectUrl)}
`; contractInfo.innerHTML = infoHtml; contractInfo.classList.remove("hidden"); } else { From 8332570758569f77ad44629b58224f000b5f8d1b Mon Sep 17 00:00:00 2001 From: clawbot Date: Fri, 27 Feb 2026 12:27:23 -0800 Subject: [PATCH 3/5] fix: increase well horizontal margin to mx-4 per review --- src/popup/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/popup/index.html b/src/popup/index.html index ba10b29..e6562c2 100644 --- a/src/popup/index.html +++ b/src/popup/index.html @@ -377,7 +377,7 @@ From 3b419c7517e7c15270bd23d039d3d956a46cbcf3 Mon Sep 17 00:00:00 2001 From: clawbot Date: Fri, 27 Feb 2026 12:50:26 -0800 Subject: [PATCH 4/5] fix: add missing TOKEN_BY_ADDRESS import in addressToken view --- src/popup/views/addressToken.js | 1 + 1 file changed, 1 insertion(+) diff --git a/src/popup/views/addressToken.js b/src/popup/views/addressToken.js index e7763df..1284029 100644 --- a/src/popup/views/addressToken.js +++ b/src/popup/views/addressToken.js @@ -11,6 +11,7 @@ const { balanceLine, } = require("./helpers"); const { state, currentAddress, saveState } = require("../../shared/state"); +const { TOKEN_BY_ADDRESS } = require("../../shared/tokenList"); const { formatUsd, getPrice, From 2bffa910459fd8b97cbe5e74ffde75bc3f5f1a6c Mon Sep 17 00:00:00 2001 From: clawbot Date: Fri, 27 Feb 2026 13:54:19 -0800 Subject: [PATCH 5/5] fix: reduce contract info well margins to prevent address wrapping --- src/popup/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/popup/index.html b/src/popup/index.html index e6562c2..ba10b29 100644 --- a/src/popup/index.html +++ b/src/popup/index.html @@ -377,7 +377,7 @@