Design Mockup: My Project Page download

[Parisajf]

Overview

We need to design a new flow for the downloading in my project page.

Action Items

We already worked on a download CSV flow in the admin view of my project page issue 1641 and it was decided to change the flow, we need to make sure that:

• The flow should be consistent with the rest of the flows like submit, delete...
• Revise the modal to use a download icon from Material UI

Resources/Instructions

Material UI Previous work on Download in admin view Dev issue

[Parisajf]

We need the design to match modals with what we have in the website

[ExperimentsInHonesty]

The below screenshots are coming from the dev site. Please remake them in Figma with the changes indicated.

The color on the generate button needs to change to the green

the color on the download button needs to change to the correct green

[ExperimentsInHonesty]

@yiranshan Please provide update

1. Progress: "What is the current status of your project? What have you completed and what is left to do?"
2. Blockers: "Difficulties or errors encountered."
3. Availability: "How much time will you have this week to work on this issue?"
4. ETA: "When do you expect this issue to be completed?"
5. Pictures or links* (if necessary): "Add any pictures or links that will help illustrate what you are working on."

• remember to add links to the top of the issue if they are going to be needed again.

[yiranshan]

Progress: update design follow dev version, change the button color to match design system Blockers: delay on update the issue on my end. Availability: 6 hours this week ETA: end of week

below screenshot is the older version, just to post here for record keeping

This is the updated version to put on slide.

[yiranshan]

update the 3 scenarios:

1. filter applied and selected
2. filtered or selected (show either selection)
3. no action is appli ed

[Parisajf]

Approved