From 3bf60ff162f32451e88f404b42babd5b85914b0b Mon Sep 17 00:00:00 2001 From: clawbot Date: Sun, 1 Mar 2026 19:27:23 +0100 Subject: [PATCH] Reorder transaction detail view: txid first, logical grouping (#133) Reorganizes the transaction detail view into logical blocks separated by thin horizontal rules for visual clarity. **Identity block**: Transaction hash (first!), Type, Status **Timing block**: Time, Block number **Value block**: Amount, Native quantity, Token contract, From, To **Decoded details**: Action/protocol/steps (for contract calls) **Network details**: Nonce, Gas price, Gas used, Transaction fee **Raw data**: Full calldata README TransactionDetail screen map updated to reflect the new ordering and grouping. closes #131 Co-authored-by: user Co-authored-by: clawbot Co-authored-by: clawbot Reviewed-on: https://git.eeqj.de/sneak/AutistMask/pulls/133 Co-authored-by: clawbot Co-committed-by: clawbot --- README.md | 32 +++-- src/popup/index.html | 194 +++++++++++++++++---------- src/popup/views/transactionDetail.js | 16 +++ 3 files changed, 155 insertions(+), 87 deletions(-) diff --git a/README.md b/README.md index 42ea566..112dd89 100644 --- a/README.md +++ b/README.md @@ -435,25 +435,29 @@ transitions. #### TransactionDetail - **When**: User tapped a transaction row from AddressDetail or AddressToken. -- **Elements**: +- **Elements** (grouped into logical blocks using light well containers; field + labels are self-explanatory so groups have no headings): - "Transaction" heading, "Back" button + - 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" + - 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 + - Time: ISO datetime + relative age in parentheses + - Block: block number (tap to copy) + etherscan block link + - 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 - - 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) + - Decoded details (shown for contract calls): action name, decoded + parameters, token details, swap steps + - Network details (shown when on-chain data is available): nonce, gas price, + gas used, transaction fee (all 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..25ef681 100644 --- a/src/popup/index.html +++ b/src/popup/index.html @@ -1064,87 +1064,135 @@

Transaction

- -
-
Status
-
-
-
-
Time
-
-
-
-
Amount
-
-
- -
-
From
-
-
-
-
To
-
-
- -