Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

ZEVA - Forecast upload notification improvement #2290

Open
5 tasks
katerinkus opened this issue Oct 4, 2024 · 0 comments
Open
5 tasks

ZEVA - Forecast upload notification improvement #2290

katerinkus opened this issue Oct 4, 2024 · 0 comments
Assignees
Labels
Medium Medium Priority Task Any work that does not directly impact the user

Comments

@katerinkus
Copy link
Collaborator

katerinkus commented Oct 4, 2024

Describe the task
Currently, when a document is uploaded to the Forecast Table, the data appears below in the table as expected, but the upload section remains active. This causes confusion when a user tries to upload another file, as no changes occur if the data on the first pages are the same. Users are unable to determine if the new file has been successfully uploaded.

Mockups
Prototype - https://www.figma.com/proto/ijCyqDXXGVGDmmyfaXzPhk/ZEVA?page-id=50%3A193&node-id=748-150&node-type=frame&viewport=-453%2C-31%2C0.16&t=8eg1XJERQvYMNsbo-1&scaling=scale-down-width&content-scaling=fixed&starting-point-node-id=748%3A150

Forecast uploaded - https://www.figma.com/design/ijCyqDXXGVGDmmyfaXzPhk/ZEVA?node-id=748-150&t=nptHJgJU9siV2eNx-1

Default page - https://www.figma.com/design/ijCyqDXXGVGDmmyfaXzPhk/ZEVA?node-id=748-1189&t=nptHJgJU9siV2eNx-1

Alert dialog - https://www.figma.com/design/ijCyqDXXGVGDmmyfaXzPhk/ZEVA?node-id=748-2365&t=nptHJgJU9siV2eNx-1

Purpose
By providing clear visual cues, informative messages, and intuitive controls, the user will have a better understanding of upload process. The updates aim to prevent confusion during file replacement, ensure clarity on the status of uploaded reports, and guide the user through deleting and re-uploading files.

  1. Implement a restriction that only allows users to upload a new document after the previous one is removed.
  2. Keep the drag-and-drop area visible, but change its appearance to a greyed-out state when a report is uploaded, indicating that it is inactive.
  3. Add a message within the drag-and-drop area stating that it will become active again once the existing report is removed. Message: “Your file has been successfully uploaded. Please review the table below before saving. To upload another document, please delete the existing one by clicking the ‘DELETE’ button located next to the file name and size.”
  4. Update the delete icon:
    • Display the label “Delete” above the delete icon.
    • The delete icon should be red to clearly indicate their purpose.
    • When the user clicks the delete button , a popup should appear with the message: “Are you sure you want to delete your file?”. The user must click “Delete” to confirm the deletion.
  5. Once the report is removed, the drag-and-drop area should revert to its normal state, enabling the user to upload new data.

Acceptance Criteria

  • The drag-and-drop area becomes inactive (greyed-out) when a report is uploaded.
  • The delete icon includes a label “Delete” above it and icon should be red
  • Clicking on the delete icon triggers a confirmation popup.
  • Users must confirm deletion by clicking “Delete” in the popup.
  • The drag-and-drop area reactivates once the file is deleted, allowing new files to be uploaded.
@katerinkus katerinkus changed the title ZEVA - upload notification improvement ZEVA - Forecast upload notification improvement Oct 4, 2024
@shayjeff shayjeff added Task Any work that does not directly impact the user Medium Medium Priority labels Dec 11, 2024
@jdtoombs jdtoombs self-assigned this Dec 17, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Medium Medium Priority Task Any work that does not directly impact the user
Projects
None yet
Development

No branches or pull requests

3 participants