Update the design and prototype for My Projects Filters on Figma

[NilakshiS]

Overview

The prototype for My Projects Filters on Figma is outdated. We need to update the design and prototype to match the current design deployed on dev.

Action Items

• Make changes to the new prototype (linked in resources)
  • Update the table headers
  • Update the filter icons
  • Update the sort buttons
  • Update the primary button style and text
  • Update the date picker UI
  • Update the pagination UI
  • Update the connections and components
• Review the dev site to ensure all changes are incorporated
• Add any new changes from issue Questions and Clarification of Design for My Project Page Filtering #1816

Resources/Instructions

• Link to "My Projects Page" on dev site
• Link to old prototype on Figma
• Link to new prototype on Figma
  • Link to interactive prototype

[NilakshiS]

• Updated the designs and prototype.
• New prototype linked in resources.
• Screenshots of designs below.

Projects Table

Filter Mockups 1

Filter Mockups 2

Filter Mockups 3

Filter Mockups 4