Fix: Display emoji in visual format and enable send icon on emoji selection

[SinghaAnirban005]

Brief Title

Fix emoji display format and enable send icon on emoji selection

Acceptance Criteria fulfillment

• Emoji should display in visual format within the input box on selection.
• Send icon should be enabled upon selecting an emoji.

Fixes #662

Video/Screenshots

EmbeddedChat._.Simple.-.Simple.Storybook.and.1.more.page.-.Personal.-.Microsoft.Edge.2024-11-09.12-24-25.mp4

PR Test Details

Note: The PR will be ready for live testing at https://rocketchat.github.io/EmbeddedChat/pulls/pr-663 after approval. Contributors are requested to replace <pr_number> with the actual PR number.

[Spiral-Memory]

Hey @SinghaAnirban005,
There might be a simpler fix for this. The logic is already defined in the onTextChange event; the only issue is that clicking an emoji from the box isn’t triggering this event. See if you can use the existing code and just make this event trigger.

[SinghaAnirban005]

Sure @Spiral-Memory i will look into it !!!

[SinghaAnirban005]

@Spiral-Memory I have solely used the onTextChange function to handle the parsing rather than creating separate function for it using the pre-existing code

[Spiral-Memory]

Yaa looks much better than before..

I just wanna know, why exactly onTextChange is not getting triggered automatically ? I mean by clicking that on that emoji, it is causing the input text box to change right ? Can't we fix that from there itself ?

[SinghaAnirban005]

That function is only getting triggered when an user tries to write an input in the message Box and no triggering takes place on simply selecting the emoji .

In the above function when emoji is selected i have ensured a trigger is initialized .In the original code even though the messageRef holds the emoji , It simply doesnt't trigger the onTextChange function due to which it which it fails to parse the emoji

[Spiral-Memory]

LGTM! Great work @SinghaAnirban005
Thanks for the fix