MetaMask / MetaMask/metamask-extension

[UX Improvement]: Transaction Failure Message Not Easily Found

Open
#14,507 3 comments 0 reactions 1 assignee View on GitHub

@DDDDDanica is already working on this.

Since Dec 18, 2024.

area-activity area-design area-hardware INVALID-ISSUE-TEMPLATE release-12.11.0 team-assets ux-enhancement ux-papercuts
Dominant language
TypeScript
Stars
13.2k
Forks
5.6k
Avg merge
2d 5h
Merged PRs (30d)
451

Description

### Describe the bug

To see the reason for a failed transaction, you need to open a transaction list item and hover over the word "Failed":
FailedReason

I've been working with hardware wallets for a year and I _just_ found this. We should present the reason to the user without the need to hover over text.

### Expected final result
* This design for for [STX](https://www.figma.com/design/ZzVQ6iu13C67K807Z1bg5I/Smart-Transactions-1.0?node-id=4296-25303&t=XN3hVQrE3oWM0lCA-1) was incorrectly implemented for for all transactions (instead of STX) based on an earlier version of this description. See https://github.com/MetaMask/metamask-extension/pull/29338. This PR was was reverted in order to avoid confusion.
* TODO: We need designs that cover both failed smart and standard transactions.

### Steps to reproduce

1. Trigger a failed transaction.
2. Hover over word "Failed"

### Error messages or log output

_No response_

### Version

10.13.0

### Build type

_No response_

### Browser

Firefox

### Operating system

MacOS

### Hardware wallet

Trezor

### Additional context

_No response_

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.