IOU - IOU information and badge does not use the correct brand font and color

[isagoico]

If you haven’t already, check out our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel!

---

Expected Result:

All font should be the same through all the areas of the app.

Actual Result:

IOU information and badge does not use the correct brand font and color

Action Performed:

1. Log in to e.cash
2. Navigate to a conversation
3. Request money to the user
4. Check the badge in the LHN

Workaround:

No need, visual issue.

Platform:

Where is this issue confirmed?

Web ✔️
iOS
Android
Desktop App
Mobile Web

Version Number: 1.0.63-0

Logs: https://stackoverflow.com/c/expensify/questions/4856

Notes/Photos/Videos:

Expensify/Expensify Issue URL:

View all open jobs on Upwork

---

From @shawnborton and @parasharrajat https://expensify.slack.com/archives/C01GTK53T8Q/p1622831130021700

The XXXX owes XXXX line in the IOU preview component does not use our correct brand font nor the correct font color:
Adding up to it. IOU Badge doesn't have correct font Either. DEV badge as well

[MelvinBot]

Triggered auto assignment to @johnmlee101 (Engineering), see https://stackoverflow.com/c/expensify/questions/4319 for more details.

[rushatgabhane]

Proposal

The components ReportActionItemIOUPreview, IOUBadge, EnvironmentBadge etc seem to have this problem.

IOU information (A owes B)

Use style prop = styles.chatItemMessage, for text component.
This gives the right color, and font family.

Result

Badge

in src/styles/styles.js
add fontFamily: fontFamily.GTA to badgeText.

Result

[MelvinBot]

Triggered auto assignment to @MitchExpensify (External), see https://stackoverflow.com/c/expensify/questions/8582 for more details.

[johnmlee101]

@shawnborton can you confirm this proposal seems to address this issue?

[MitchExpensify]

@johnmlee101 Shawn is ooo this week just fyi

[parasharrajat]

I think this one is being already worked by Rory in another issue.

[johnmlee101]

cc @roryabraham can we close this out if you're working on it?

[roryabraham]

Yep, I can create a quickie PR for this (and potentially other undiscovered incorrect font issues)

[shawnborton]

Any update on this one?

[roryabraham]

Oops, sorry for the delay here! IDK why melvin didn't bump me on this. I'll update the PR and get it ready for review ASAP!

[roryabraham]

PR is up and ready for review.

[parasharrajat]

Could be closed.