[$125] Android- Emojis -Some emojis are blacked out and seen with a square with skin tone in composer

[IuliiaHerets]

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

---

Version Number: 9.0.49-0 Reproducible in staging?: Y Reproducible in production?: Y If this was caught on HybridApp, is this reproducible on New Expensify Standalone?: Y If this was caught during regression testing, add the test name, ID and link from TestRail: https://expensify.testrail.io/index.php?/tests/view/5088056&group_by=cases:section_id&group_order=asc&group_id=229070 Issue reported by: Applause Internal Team

Action Performed:

1. Open the Expensify app.
2. Open any chat.
3. Open the emoji picker.
4. Start scrolling down and verify each emoji is rendered correctly.
5. Select any and emoji that is displayed blacked out. (For example: :palm_up_hand:)
6. Verify the emoji is correctly displayed when added to compose box.

Expected Result:

All the emojis in compose box should be displayed without any reduced opacity and should be correctly added to compose box when selected.

Actual Result:

Some emojis are displayed blacked out in compose box and are displayed with a code and a square with the skin tone in compose box, when selected.

Workaround:

Unknown

Platforms:

• [x] Android: Standalone
• [x] Android: HybridApp
• [ ] Android: mWeb Chrome
• [ ] iOS: Standalone
• [ ] iOS: HybridApp
• [ ] iOS: mWeb Safari
• [ ] MacOS: Chrome / Safari
• [ ] MacOS: Desktop

Screenshots/Videos

https://github.com/user-attachments/assets/f74d99cd-839c-42a2-8523-9c6854db3565

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~021846719033693258327
• Upwork Job ID: 1846719033693258327
• Last Price Increase: 2024-10-17

Issue Owner

Current Issue Owner: @akinwale

[melvin-bot[bot]]

Triggered auto assignment to @greg-schroeder (Bug), see https://stackoverflow.com/c/expensify/questions/14418 for more details. Please add this bug to a GH project, as outlined in the SO.

[IuliiaHerets]

We think that this bug might be related to #wave-collect - Release 1

[IuliiaHerets]

@greg-schroeder FYI I haven't added the External label as I wasn't 100% sure about this issue. Please take a look and add the label if you agree it's a bug and can be handled by external contributors

[melvin-bot[bot]]

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

[melvin-bot[bot]]

Triggered auto assignment to Contributor-plus team member for initial proposal review - @akinwale (External)

[melvin-bot[bot]]

Upwork job price has been updated to $125

[teneeto]

Hey! I'm Eto Olei from Callstack. I will like to take a look at this issue. Please assign it to me. Thanks!

[Anaslancer]

Proposal

Please re-state the problem that we are trying to solve in this issue.

Some emojis are blacked out and seen with a square with skin tone in composer

What is the root cause of that problem?

We are missing some emoji unicodes in the source code.

What changes do you think we should make in order to solve the problem?

We should put the correct unicode in here.

What alternative solutions did you explore? (Optional)

If the browser(like Chrome, Safari) can not render the emoji unicode, we can add the svg file instead.

Contributor details

Expensify account email: anasup1995@gmail.com Upwork Profile Link: https://www.upwork.com/freelancers/~01aff093c9a804b145

[melvin-bot[bot]]

📣 @Anaslancer! 📣 Hey, it seems we don’t have your contributor details yet! You'll only have to do this once, and this is how we'll hire you on Upwork. Please follow these steps:

1. Make sure you've read and understood the contributing guidelines.
2. Get the email address used to login to your Expensify account. If you don't already have an Expensify account, create one here. If you have multiple accounts (e.g. one for testing), please use your main account email.
3. Get the link to your Upwork profile. It's necessary because we only pay via Upwork. You can access it by logging in, and then clicking on your name. It'll look like this. If you don't already have an account, sign up for one here.
4. Copy the format below and paste it in a comment on this issue. Replace the placeholder text with your actual details. Format:

   Contributor details
   Your Expensify account email: <REPLACE EMAIL HERE>
   Upwork Profile Link: <REPLACE LINK HERE>

[github-actions[bot]]

anas-1995 Your proposal will be dismissed because you did not follow the proposal template.

[Anaslancer]

Updated, it works?