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: