Skip to content

[Discovery] - Add loading animation to modals #637

Open
@andycwilliams

Description

@andycwilliams

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:
CurrentUploadDocumentProcess2

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:
AddUploadingAnimation

Metadata

Metadata

Assignees

Labels

discoveryOpen discussion and exploration of topic on handenhancementEnhancement of existing features

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions