Global transaction watcher (toast, notifications)

[poplexity]

Overview

There would be many opportunities to improve user experience if there were a global system for monitoring the status of a transaction triggered by the UI

Acceptance criteria

• when the user stakes or claims unstaked s/tlos, a toast notification should be displayed saying what happened, eg. "Staked 1 TLOS for .3 sTLOS completed"
• functions invoked from the function interfaces in the contract tab, eg. here, should pop a toast when the transaction is completed

Technical considerations

A global api which is given a transaction hash and other data, it then polls for the transaction to be executed and renders a toast to the user, and calls a callback from the component.

Possibly this could be integrated into a centralized "sendTransaction" function.

Data to pass into it:

Name: "sTLOS staking"
Completion message: "Staked 1 TLOS for .3 sTLOS completed"
Callback: function from sTLOS page that would reload balances

• when transactions initiated by the UI are completed, a toast should be displayed to the user
• there should also be the ability to trigger a callback, or possibly a singleton pub/sub pattern, to allow components to react to the completion of a transaction
• this solution should gracefully handle multiple transactions, showing toasts in succession when multiple complete in overlapping timeframes

Tasks