Notifications Improvements

[lukasschor]

Notification at the top

Currently, all notifications pop up on the bottom right of the screen. User tests have shown that users would expect the notification to be at the top for increased visibility. Display notifications below the header.

Sticky Notifications

Sticky notifications if the status does not change. E.g. show the "Rinkeby warning" notification (#141) until the user dismisses the notification using the "x".

Longer until automatically dismissing notifications

Show non-sticky notifications for 10 seconds

Show state

Show "removing/replacing/adding in progress state" while the action is performed on the blockchain -> sticky notifications

Refer to notifications here: https://docs.google.com/spreadsheets/d/1McBmkEKDUIEFec0pvsz46bXpxL5j9dC74wdfLhVw_bY/edit#gid=0

[germartinez]

@lukasschor

Notification at the top

We should decide where to place them (top -> left/center/right) knowing that:

• On the left we may have the left menu opened
• On the center may be too intrusive ¿?
• On the right we may have the menu of the current owner opened

Success notifications

I would say for "resolved transactions" whether they success or fail

[mmv08]

Found this interesting:
https://ux.stackexchange.com/questions/39265/placement-of-flash-growl-notifications-or-messages-in-web-application

[lukasschor]

That's the insights from the user test: "Notification at the right bottom: Seemed 'OK' but would expect them in the right top, closer to where the connected Wallet/account is."
Also, at some point it might make sense to add a notification dropdown at the top with a list of current/past notifications.

For those reasons I would still have them at the top-right even though they might get overlayed with the wallet-details dropdown.

I would say for "resolved transactions" whether they success or fail
Yes, changed the specs