use preferred skin tone emoji when add using enter

[thesahindia]

Details

Fixed the default emoji issue when added using enter

Fixed Issues

$ #7264

Tests

• Verify that no errors appear in the JS console

QA Steps

1. Open a chat
2. Open the emoji picker
3. Change the default skin tone to something other than yellow
4. Select an emoji and hit enter/return on the keyboard
5. Verify the added emoji's skin tone is the preferred skin tone

• Verify that no errors appear in the JS console

Tested On

• Web
• Mobile Web
• Desktop
• iOS
• Android

Screenshots

Web

Screen.Recording.2022-01-19.at.12.19.45.AM.mov

Mobile Web

Desktop

Screen.Recording.2022-01-19.at.12.16.27.AM.mov

iOS

Android

[luacmartins]

What @parasharrajat said

[luacmartins]

LGTM and tests well. Thanks @thesahindia!

[OSBotify]

✋ This PR was not deployed to staging yet because QA is ongoing. It will be automatically deployed to staging after the next production release.

[parasharrajat]

LGTM. a little late but I reviewed it already.

🎀 👀 🎀 C+ reviewed

[OSBotify]

🚀 Deployed to staging by @luacmartins in version: 1.1.31-2 🚀

platform	result
🤖 android 🤖	success ✅
🖥 desktop 🖥	success ✅
🍎 iOS 🍎	success ✅
🕸 web 🕸	success ✅

[OSBotify]

🚀 Deployed to production by @AndrewGable in version: 1.1.32-0 🚀

platform	result
🤖 android 🤖	success ✅
🖥 desktop 🖥	success ✅
🍎 iOS 🍎	success ✅
🕸 web 🕸	success ✅

[hayata-suenaga]

I'll link a related regression reported here, although this PR might have not directly caused the issue.

There is a possibility that emoji is not highlighted when there is no emoji candidates. When that happens emoji is undefined, and accessing code property of undefined causes an error.