[$1000] Update Concierge icon

[shawnborton]

Note: This issue is part of the greater Implement Our New Branding in NewDot project.

What is it:
Replace the Concierge bell icon with a new icon

Does it require a mini design doc:
No

Design finished:
Maybe?

cc @GabiHExpensify

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~0115bd027f7f77fe7b
• Upwork Job ID: 1600615237124608000

[melvin-bot]

Auto-assign attempt failed, all eligible assignees are OOO.

[mountiny]

For completeness, we would like to show this new icon for Concierge only in NewDot and leave the current Concierge avatar in other platforms.

[NikkiWines]

@shawnborton could you link/post the svg format of the new concierge icon?

[shawnborton]

Can do! Is it better to have it with or without the roundedness?

[NikkiWines]

Hmmm with roundedness for now, I think! That might change with the broader default icon application though 🤔

[NikkiWines]

Actually, @shawnborton I think I can just use the one you sent earlier if that's fine by you. We'd need to add it to web-static

Large Concierge Icon (png)

[NikkiWines]

And then for implementation, I think it's fairly simple.

For now, we'd just make a new const CONCIERGE_ICON_URL: ${CLOUDFRONT_URL}/images/concierge_2022.png in CONST.js
and then we can just add the following few lines in this _.each statement:

if (login == CONST.EMAIL.CONCIERGE) {
    personalDetail.avatar = CONCIERGE_ICON_URL
}

That way we'll only update the avatar in NewDot. Once we consolidate the icons between oldDot and newDot we can remove that code and simply update the avatar stored in concierge@expensify.com's expensify_personalDetails NVP.

[shawnborton]

Let's use an .svg instead to it retains the crisp quality we want.

Here you go:
ExpensifyConciergeIcon 2.svg.zip

[shawnborton]

(I uploaded a new version above to fix the weird star