diff --git a/README.md b/README.md index be7f94d..3a9af9b 100644 --- a/README.md +++ b/README.md @@ -439,6 +439,7 @@ transitions. matching the Settings view pattern): - "Transaction" heading, "Back" button - **Identity block**: + - Blockie identicon (48px, centered, derived from transaction hash) - Transaction hash: full hash (tap to copy) + etherscan link - Type: transaction classification — one of: Native ETH Transfer, ERC-20 Token Transfer, Swap, Token Approval, Contract Call, Contract Creation diff --git a/src/popup/index.html b/src/popup/index.html index 5d0adac..abbbce0 100644 --- a/src/popup/index.html +++ b/src/popup/index.html @@ -1068,6 +1068,10 @@

Identity

+
Transaction hash diff --git a/src/popup/views/transactionDetail.js b/src/popup/views/transactionDetail.js index 7af9d50..73f4f1e 100644 --- a/src/popup/views/transactionDetail.js +++ b/src/popup/views/transactionDetail.js @@ -130,6 +130,19 @@ function render() { if (!tx) return; $("tx-detail-hash").innerHTML = txHashHtml(tx.hash); + // Blockie identicon for the transaction hash + const blockieEl = $("tx-detail-blockie"); + if (blockieEl) { + blockieEl.innerHTML = ""; + const img = document.createElement("img"); + img.src = makeBlockie(tx.hash); + img.width = 48; + img.height = 48; + img.style.imageRendering = "pixelated"; + img.style.borderRadius = "50%"; + blockieEl.appendChild(img); + } + const fromTitle = addressTitle(tx.from, state.wallets); const toTitle = addressTitle(tx.to, state.wallets); $("tx-detail-from").innerHTML = txAddressHtml(