Progress Bar - Success or Failure

[tomsmith8]

Task

Improve current progress bar for success or failure events:

• Maybe we can have a slick tick in the middle of the screen?
• Error state should be on the modals instead versus this progress bar

Submitting content or adding a node should feel awesome. Maybe a cool node/graph animation?

[Antanasijevic]

@tomsmith8 Here are the current versions. Do you want to keep loader, or should we close notification after few sec, or if user clicks anywhere?

[Antanasijevic]

@tomsmith8 Here are notes based on what we discussed. Please check it out and let me know if we should make any changes.

Success Notification When creating new item on graph, created item should appear in the center of the graph, while green success message can show up in top right corner, below budget, while budget button can blink green indicating change (-10 sats)

https://www.figma.com/file/YuEbi4x32Mm8ZQJdnrs4uc/Second-Brain-Final-Designs?type=design&node-id=5092%3A12647&mode=design&t=19tALd8vVa380GlN-1

Generic Error Messages Modal like this should be used in situations where there are several steps in process and entire process fails. Error message should stay in the same size as modal before that.

https://www.figma.com/file/YuEbi4x32Mm8ZQJdnrs4uc/Second-Brain-Final-Designs?type=design&node-id=5044%3A13792&mode=design&t=19tALd8vVa380GlN-1

Simple error message

Error message like should be used for forms and buttons indicating error of a particular field, or button. https://www.figma.com/file/YuEbi4x32Mm8ZQJdnrs4uc/Second-Brain-Final-Designs?type=design&node-id=5117%3A13301&mode=design&t=19tALd8vVa380GlN-1

[Antanasijevic]

@tomsmith8 Here is closest animation preview i could make in Figma

https://github.com/stakwork/sphinx-nav-fiber/assets/13258550/5e4a31f2-f6a3-48b7-85c6-6cd33d1e2baf

Figma prototype https://www.figma.com/proto/YuEbi4x32Mm8ZQJdnrs4uc/Second-Brain-Final-Designs?type=design&node-id=5183-12929&t=PlI4PY8tTzy6bGp4-1&scaling=min-zoom&page-id=1238%3A3033&starting-point-node-id=5183%3A12929&show-proto-sidebar=1&mode=design