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

[TASK] Implement Loading Pillcomponent for tx status #1456

Closed
Tracked by #1398
monaiuu opened this issue Jul 24, 2023 · 1 comment · Fixed by #1489
Closed
Tracked by #1398

[TASK] Implement Loading Pillcomponent for tx status #1456

monaiuu opened this issue Jul 24, 2023 · 1 comment · Fixed by #1489
Assignees

Comments

@monaiuu
Copy link
Contributor

monaiuu commented Jul 24, 2023

Description

Implement loading pill component within the top navigation to signify ongoing transaction(s). The spinner should remain active as long as there are ongoing transactions. When a transaction completes successfully, briefly change the spinner into a success icon, then return it to the normal spinner if there are more ongoing transactions. If it's the last transaction, display the success icon, and once user interacts Transaction Progressor component (link), and make it disappear after interaction.

In case of a failure, change the spinner into a failure icon. Return to loading state with spinner if there are more ongoing transactions.

Figma Link

Screenshots

Screenshot 2023-07-24 at 12 12 12 PM
Screenshot 2023-07-24 at 12 14 26 PM

@AtelyPham
Copy link
Member

Closed on #1489.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Archived in project
Development

Successfully merging a pull request may close this issue.

2 participants