Add pin icon to left hand navigation menu for chat rows that are pinned

If you haven’t already, check out our contributing guidelines for onboarding!

---

view the job on Upwork here.

Platform - version:
all

Action Performed (reproducible steps):

1. Log into Expensify Cash
2. Pin a chat using the pin icon at the top right of the chat

Expected Result:

When a chat is pinned, it should display a small pin icon to the right hand side of the chat row in the left-hand nav.

The icon to be used can be found here as an .svg image: pin-circle.svg.zip

The icon should use the color themeColors.icon and should be displayed at a size of 20x20.

Actual Result:

There is currently no pin icon in the left-hand nav

Notes/Photos/Videos:

Mockup:

[tugbadogan]

I’m planning to modify ChatLinkRow module and use isPinned boolean flag from option param (isPinned boolean flag is already available in this object) to add pin-circle icon here: https://github.com/Expensify/Expensify.cash/blob/be4a3c57c29f1807b4ec3c34e8932c5cfc4fa6f0/src/pages/home/sidebar/ChatLinkRow.js#L121-L125

Also, I have to add pin-circle.svg to assets/images folder and import it to Expensicons module.

[jboniface]

@tugbadogan ah, I missed that one when I looked earlier; cool, I sent the offer!