Skip to content

Update all signature requests screens to use the new origin pill and header component #15705

@bschorchit

Description

@bschorchit

Resources

Figma Design file

Acceptance Criteria

  1. When signature requests are displayed, they now show the new origin pill component that was updated on Updated origin pill component to match the new design #15603 and the new header component created on Header component for transaction confirmation screens #15614;
  2. The balance information on the header should display the native asset balance (same as for NFT allowances).
  3. Add main title Signature Request as in design on all confirmations
  4. Remove existing components that contains "Signature Request", account, balance, current network or origin url as those infos are now presented in the new components.
  5. For the three SignTypedData signatures, we should also remove the following icon (screenshot below)
    Untitled

Steps to Reproduce

  1. Open the test dapp https://metamask.github.io/test-dapp/
  2. Under the Eth Sign section, click on "Sign"
  3. Under the Personal Sign section, click on "Sign"
  4. Under the Sign Typed Data section, click on "Sign"
  5. Under the Sign Typed Data V3 section, click on "Sign"
  6. Under the Sign Typed Data V4 section, click on "Sign"

Metadata

Metadata

Assignees

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions