[HOLD for payment 2023-06-15] Update styling in mentions auto-suggestion component

[puneetlath]

Right now, it looks like this:

We want it to look like this:

From Figma:
Avatar:

width: 24px;
height: 24px;
border-radius: 400px;

Display name:

width: 82px;
height: 20px;
font-family: 'Expensify Neue';
font-style: normal;
font-weight: 700;
font-size: 15px;
line-height: 20px;

/* Product/Dark/Text */

color: #E7ECE9;

Email address:

width: 166px;
height: 20px;
font-family: 'Expensify Neue';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 20px;


/* Product/Dark/Supporting Text */
color: #AFBBB0;

Also note, there is no dash between the name and the email address in the figma mockup.

@szebniok do you want to take this one?

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~01f4639a0ec44a830a
• Upwork Job ID: 1666844506242052096
• Last Price Increase: 2023-06-08

[melvin-bot]

Current assignee @puneetlath is eligible for the Bug assigner, not assigning anyone new.

[puneetlath]

cc @shawnborton in case there's anything you want to change about the style.

[shawnborton]

Nope, mock looks good to me!

[szebniok]

Hey @puneetlath, I'll take this

[melvin-bot]

@puneetlath Whoops! This issue is 2 days overdue. Let's get this updated quick!

[melvin-bot]

@puneetlath, @szebniok, @sobitneupane Huh... This is 4 days overdue. Who can take care of this?

[puneetlath]

PR is in review.

[melvin-bot]

@puneetlath, @szebniok, @sobitneupane Whoops! This issue is 2 days overdue. Let's get this updated quick!

[melvin-bot]

@puneetlath, @szebniok, @sobitneupane Still overdue 6 days?! Let's take care of this!

[puneetlath]

Just merged.

[melvin-bot]

Reviewing label has been removed, please complete the "BugZero Checklist".

[melvin-bot]

The solution for this issue has been 🚀 deployed to production 🚀 in version 1.3.25-8 and is now subject to a 7-day regression period 📆. Here is the list of pull requests that resolve this issue:

• Update styling in mentions auto-suggestion component #18951

If no regressions arise, payment will be issued on 2023-06-15. 🎊

After the hold period is over and BZ checklist items are completed, please complete any of the applicable payments for this issue, and check them off once done.

• External issue reporter n/a
• Contributor that fixed the issue n/a
• Contributor+ that helped on the issue and/or PR @sobitneupane

As a reminder, here are the bonuses/penalties that should be applied for any External issue:

• Merged PR within 3 business days of assignment - 50% bonus
• Merged PR more than 9 business days after assignment - 50% penalty

[melvin-bot]

Job added to Upwork: https://www.upwork.com/jobs/~01f4639a0ec44a830a

[melvin-bot]

Current assignee @sobitneupane is eligible for the Internal assigner, not assigning anyone new.

[melvin-bot]

Triggered auto assignment to @slafortune (NewFeature), see https://stackoverflowteams.com/c/expensify/questions/14418#:~:text=BugZero%20process%20steps%20for%20feature%20requests for more details.

[puneetlath]

@sobitneupane sent you a contract. No need for the checklist on this one. This wasn't really a bug. More of a new feature.

@slafortune adding you since I'll be OOO when it's time to pay.

[slafortune]

Paid!