Note: This issue is marked for discovery. It is open for discussion and not necessarily decided upon.
Describe the Current Behavior/Feature:
When the user uploads a file from the Upload Document modal, there is no indication about the progress. There is a notification upon completion or failure, but nothing until then.
Rationale:
Adding this animation would provide real-time feedback to the user so they know if it's working, and whether the upload even began or not. For small files, this isn't a big problem. But for larger ones it would be good to give more information.
Example of how it currently appears once a file is selected and the Upload button pressed:
The only visible change is the Upload button becoming greyed out.
Proposed Changes:
Add a simple loading animation to modals that (namely the Upload Document modal).
Try implementing LoadingAnimation.jsx rather than create a new, separate function or component.
Style it based off of the proposed design from the Figma board:
Note: This issue is marked for discovery. It is open for discussion and not necessarily decided upon.
Describe the Current Behavior/Feature:
When the user uploads a file from the Upload Document modal, there is no indication about the progress. There is a notification upon completion or failure, but nothing until then.
Rationale:
Adding this animation would provide real-time feedback to the user so they know if it's working, and whether the upload even began or not. For small files, this isn't a big problem. But for larger ones it would be good to give more information.
Example of how it currently appears once a file is selected and the Upload button pressed:
The only visible change is the Upload button becoming greyed out.
Proposed Changes:
LoadingAnimation.jsxrather than create a new, separate function or component.