Implement sort icon to indicate which column the board is sorted by

[NilakshiS]

Overview

Implement the sort icon design from the final comment on #1919 to indicate which column the board is sorted by.

Details

Filter states are currently indicated by icons. Based on stakeholder feedback, the reset button on the My projects page will reset both filters and the sort order. Therefore, we need a clear indicator to show which column currently has an active sort order.

The current columns only have the filter icon

The sort icon next to the filter

Link to the icons:

• Link to the down icon
• Link to the up icon
• NOTE: the icons need to be rotated by 90 degrees.

Read the designer's note on the comment for more information on implementation.

Action Items

REPLACE THIS TEXT -If this is the beginning of the task this is most likely something to be researched and documented.

REPLACE THIS TEXT -If the issue has already been researched, and the course of action is clear, this will describe the steps. However, if the steps can be divided into tasks for more than one person, we recommend dividing it up into separate issues, or assigning it as a pair programming task.

• Review with product and dev. Update if needed based on feedback
• Once finalized, add before and after images to the staging deck on this slide
• Get Stakeholder sign-off via the stakeholder meeting slide deck.

Resources/Instructions

• Indicate which column the board is sorted by #1919