fix(chat): update emoji picker

[Flemmli97]

What this PR does 📖

• Remove duplicate emoji counter that already existed in UIStore
• Make skintone selection persistent

Which issue(s) this PR fixes 🔨

• Resolve bug(emojis): skin tone selected is not preserved after closing emoji picker #614

[github-actions]

Download the app installers for this pull request:

• build-macos.zip
• build-ubuntu.zip
• build-android.zip
• build-windows.zip

[github-actions]

Automated Test Results

 1 failed
 109 passed
 15 skipped

Details

 125 tests across 16 suites
 14 minutes, 20 seconds
 1b6ee50

Failed tests

Automated Tests on Chrome Desktop › 03-friends-two-instances.spec.ts › Two instances tests - Friends and Chats › B66 - Sending and receiving emojis and emoji picker tests

Skipped tests

Automated Tests on Chrome Desktop › 03-friends-two-instances.spec.ts › Two instances tests - Friends and Chats › B8 to B14 - Quick Profile Local and Remote - Updating note
Automated Tests on Chrome Desktop › 03-friends-two-instances.spec.ts › Two instances tests - Friends and Chats › B8 to B14 - Quick Profile Local - Updating username, status, banner and profile picture
Automated Tests on Chrome Desktop › 03-friends-two-instances.spec.ts › Two instances tests - Friends and Chats › B8 to B14 - Quick Profile Remote - Updating username, status, banner and profile picture
Automated Tests on Chrome Desktop › 09-settings-customizations.spec.ts › Settings Customization Tests › K2 - Font dropdown should show expected font names
Automated Tests on Chrome Desktop › 09-settings-customizations.spec.ts › Settings Customization Tests › K15 - Emoji Font dropdown should show expected emoji font names
Automated Tests on Chrome Desktop › 09-settings-customizations.spec.ts › Settings Customization Tests › K18 - Default Profile Picture Style dropdown should show expected default profile picture styles
Automated Tests on Chrome Desktop › 13-settings-keybinds.spec.ts › Settings Keybinds Tests › O1, 06 - Message at top of page and custom keybinds listed correctly
Automated Tests on Chrome Desktop › 13-settings-keybinds.spec.ts › Settings Keybinds Tests › O2, 04 - Clicking a key should activate the Recorded Keys - User can save keybind
Automated Tests on Chrome Desktop › 13-settings-keybinds.spec.ts › Settings Keybinds Tests › O3 - Action dropdown should display correct keybind actions
Automated Tests on Chrome Desktop › 13-settings-keybinds.spec.ts › Settings Keybinds Tests › O5 - Clicking Cancel should cancel any custom keybinding the user was trying to add
Automated Tests on Chrome Desktop › 13-settings-keybinds.spec.ts › Settings Keybinds Tests › O7 - Highlighted border should display when user clicks cancel
Automated Tests on Chrome Desktop › 13-settings-keybinds.spec.ts › Settings Keybinds Tests › O8 - Clicking Revert Keybindings should revert any custom keybindings the user has saved
Automated Tests on Chrome Desktop › 13-settings-keybinds.spec.ts › Settings Keybinds Tests › O9 - Highlighted border should be displayed when clicking Revert Keybindings
Automated Tests on Chrome Desktop › 13-settings-keybinds.spec.ts › Settings Keybinds Tests › O10 - Clicking the backwards arrow should revert specific custom keybinding
Automated Tests on Chrome Desktop › 20-settings-developer.spec.ts › Settings Developer Tests › T4 - Clicking Clear State should clear users state

[github-actions]

Playwright test execution is complete! You can find the test results report here

[phillsatellite]

Sara and I did some testing together and we both had the same behavior we select skin tone but it is not applied to selected emoji.

We tested this on Chrome, Brave, Safari and Opera

Screen.Recording.2024-10-10.at.1.18.50.PM.mov

[luisecm]

@Flemmli97 There is one automated test currently failing on your branch because the Frequently Used emojis have 5 now by default and therefore the count of emojis frequently used test is not matching with the current expectation from the tests. I have a PR to update the tests in case your pr is merged - Satellite-im/automated-tests-web#179

[Flemmli97]

@Flemmli97 There is one automated test currently failing on your branch because the Frequently Used emojis have 5 now by default and therefore the count of emojis frequently used test is not matching with the current expectation from the tests. I have a PR to update the tests in case your pr is merged - Satellite-im/automated-tests-web#179

ye we kinda duplicated the stuff there. we already had a "freq used" data saved (emoji counter)

[Flemmli97]

Sara and I did some testing together and we both had the same behavior we select skin tone but it is not applied to selected emoji.

We tested this on Chrome, Brave, Safari and Opera

Screen.Recording.2024-10-10.at.1.18.50.PM.mov

those emoji do not have skin colors. scroll down a bit