animl-frontend
animl-frontend copied to clipboard
Add toast message when upload is complete
User Story As a user, I want to know when my upload is complete, so that I can start reviewing images!
Acceptance Criteria
- When a bulk upload is Complete, display a toast success message in the bottom right-hand corner of the screen.
- In this instance, we are defining Complete as when all processing is complete and prediction labels have been applied to images.
- Message includes a button to click that refreshes project data (so that their images and predictions appear).
- Message should read:
Images successfully uploaded! Please refresh your data to start reviewing predictions [Refresh Data Button]
- The message should not disappear unless clicked out of. (by clicking x, somewhere else on the screen, or the refresh data button)
- If the bulk upload has file has errors, we should not consider it Complete and not consider it a Success. Please display another toast message indicating there are errors. I will leave design of the message up to Natty but I think it should have some red in it to indicate it's not a "success".
- Message should read:
Upload unsuccessful. Please download the list of errors to correct and re-try.
- Depending on level of effort, below is list of options for how they download the list of errors, from "most ideal" to "least."
- link "list of errors" in message so that it begins download of csv error list.
- link "list of errors" in message so that it goes to the Completed uploads tab where they can download the error list.
- include sentence in the message telling them where they can download the error list. "To download, please navigate to your past uploads in the Bulk Image Upload window.
- Message should also not disappear unless clicked out of.