From 6f04450c665cf9146adad6c882d1e2c2ae9e65b5 Mon Sep 17 00:00:00 2001 From: user Date: Sun, 1 Mar 2026 07:24:41 -0800 Subject: [PATCH] reorder transaction detail view: txid first, logical grouping with separators Reorganize the transaction detail view into logical blocks separated by thin horizontal rules: - Identity: transaction hash (first!), type, status - Timing: time, block number - Value: amount, native quantity, token contract, from, to - Decoded details: action/protocol/steps (contract calls) - Network details: nonce, gas price, gas used, fee - Raw data: full calldata Updates README screen map to reflect new field ordering and grouping. closes #131 --- README.md | 46 ++++++----- src/popup/index.html | 115 ++++++++++++++++----------- src/popup/views/transactionDetail.js | 16 ++++ 3 files changed, 114 insertions(+), 63 deletions(-) diff --git a/README.md b/README.md index 42ea566..f7e9654 100644 --- a/README.md +++ b/README.md @@ -435,25 +435,35 @@ transitions. #### TransactionDetail - **When**: User tapped a transaction row from AddressDetail or AddressToken. -- **Elements**: +- **Elements** (grouped into logical blocks separated by thin rules): - "Transaction" heading, "Back" button - - Type: transaction classification — one of: Native ETH Transfer, ERC-20 - Token Transfer, Swap, Token Approval, Contract Call, Contract Creation - - Token contract: shown for ERC-20 transfers — color dot + full contract - address (tap to copy) + etherscan token link - - Status: "Success" or "Failed" - - Time: ISO datetime + relative age in parentheses - - Amount: value + symbol (bold) - - From: blockie + color dot + full address (tap to copy) + etherscan link - - ENS name if available - - To: blockie + color dot + full address (tap to copy) + etherscan link - - ENS name if available - - Transaction hash: full hash (tap to copy) + etherscan link - - Block: block number (tap to copy) + etherscan block link - - Nonce: transaction nonce (tap to copy) - - Transaction fee: ETH amount (tap to copy) - - Gas price: value in Gwei (tap to copy) - - Gas used: integer (tap to copy) + - **Identity block**: + - 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 + - Status: "Success" or "Failed" + - **Timing block**: + - Time: ISO datetime + relative age in parentheses + - Block: block number (tap to copy) + etherscan block link + - **Value block**: + - Amount: value + symbol (bold) + - Native quantity: raw integer + unit (shown when available) + - Token contract: shown for ERC-20 transfers — color dot + full + contract address (tap to copy) + etherscan token link + - From: blockie + color dot + full address (tap to copy) + etherscan + link; ENS name if available + - To: blockie + color dot + full address (tap to copy) + etherscan + link; ENS name if available + - **Decoded details** (shown for contract calls): + - Action name, decoded parameters, token details, swap steps + - **Network details** (shown when on-chain data is available): + - Nonce: transaction nonce (tap to copy) + - Gas price: value in Gwei (tap to copy) + - Gas used: integer (tap to copy) + - Transaction fee: ETH amount (tap to copy) + - **Raw data** (shown when calldata is present): + - Full calldata in monospace dashed border - **Transitions**: - "Back" → **AddressToken** (if `selectedToken` set) or **AddressDetail** diff --git a/src/popup/index.html b/src/popup/index.html index 336431c..549aed0 100644 --- a/src/popup/index.html +++ b/src/popup/index.html @@ -1064,45 +1064,66 @@

Transaction

-