Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update UX for transaction buttons/flow #252

Closed
gravenp opened this issue Oct 6, 2022 · 0 comments
Closed

Update UX for transaction buttons/flow #252

gravenp opened this issue Oct 6, 2022 · 0 comments
Assignees
Labels
enhancement New feature or request

Comments

@gravenp
Copy link
Member

gravenp commented Oct 6, 2022

Description
Based on user feedback and mimicking existing patterns on high-usage apps, we want to make several updates to the transaction window buttons/flow to better guide the user through the multiple transactions.

Business Requirements

  • Update the "Wrap to ETHx" button text to "Wrap ETH to ETHx"
  • Separate the current combo button (Allow + Transaction Submission) into two dedicated buttons
  • The "Allow" button should follow the current conditional logic to determine the required transfer and/or stream authorization transactions with corresponding text
    • After all required authorization transactions are complete (or none are required), display "ETHx use allowed" with a task complete icon (https://fonts.google.com/icons?icon.query=task+alt) and deactivate/grey out the button
    • If the user rejects the first or second transaction, return the button to active state and display the "Allow" button text per the conditional logic
  • Add a third button that will serve as the land transaction submission button
    • Use transaction-specific button labeling established in feat: update button labels #249
    • The button should be greyed out & deactivated whenever the "Allow" button is active
    • The button should be active (green color) whenever the "Allow" button is inactive
    • Show the spinner while the transaction is pending
    • Return the button to active if the tranaction is cancelled or fails

Wireframe: https://excalidraw.com/#json=FmPm0Gpd8Ei3BcvPbZLRM,NtIGy-nS1LzUIHyjWT1jmQ

@gravenp gravenp added the enhancement New feature or request label Oct 6, 2022
@tnrdd tnrdd self-assigned this Oct 7, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

2 participants