Wrong dimensions for larger sizes in Emojis

[RahulNavneeth]

Description:

Wrong dimensions for larger sizes in Emojis

Steps to reproduce:

1. Clone the repo
2. Launch the application
3. Use only emojis when communicating via the chat function.

Expected behavior:

Actual behavior:

[Ananya2001-an]

Hey @RahulNavneeth I am actually trying to set up my google client ID to run the app but it's not working. Can you help out?

[RahulNavneeth]

Hello @Ananya2001-an ,

Please follow the steps outlined below:

1. After initiating the RC core on the host 3000, navigate to 'http://localhost:3000/admin/settings/OAuth'.
2. Locate the Google option, enable 'GoogleLogin', and provide the required inputs (SECRET_ID and CLIENT_ID).

(In EmbeddedChat project):

3. CD into the playground directory.

Duplicate the .env[example] file and rename it to ".env". REACT_APP_RC_HOST='http://localhost:3000' REACT_APP_RC_ROOM_ID="GENERAL" REACT_APP_GOOGLE_CLIENT_ID="YOUR_GOOGLE_CLIENT_ID"

This should complete the process.

Also please ensure to add the redirect URL in your Google console for the provided OAuth credentials.

Best regards.

[Ananya2001-an]

Hello @Ananya2001-an ,

Please follow the steps outlined below:

1. After initiating the RC core on the host 3000, navigate to 'http://localhost:3000/admin/settings/OAuth'.
2. Locate the Google option, enable 'GoogleLogin', and provide the required inputs (SECRET_ID and CLIENT_ID).

(In EmbeddedChat project):

3. CD into the playground directory.

Duplicate the .env[example] file and rename it to ".env". REACT_APP_RC_HOST='http://localhost:3000' REACT_APP_RC_ROOM_ID="GENERAL" REACT_APP_GOOGLE_CLIENT_ID="YOUR_GOOGLE_CLIENT_ID"

This should complete the process.

Also please ensure to add the redirect URL in your Google console for the provided OAuth credentials.

Best regards.

Thanks for the detailed explanation @RahulNavneeth I will try it on my end. 😊

[Ananya2001-an]

Also the RC core means the main Rocket.Chat repo right? Actually I faced issues running it since I am trying to use gitpod. Do you have any clue as to how to set it up on gitpod?

[SANGAAM]

I am not able to Login i think there is an issue in Google authentication

[SANGAAM]

and my project is opening in localhost 4000 even after setting REACT_APP_RC_HOST='http://localhost:3000'

[VipinDevelops]

and my project is opening in localhost 4000 even after setting REACT_APP_RC_HOST='http://localhost:3000'

Can you please share browser error logs?

[RahulNavneeth]

and my project is opening in localhost 4000 even after setting REACT_APP_RC_HOST='http://localhost:3000'

I see your EmbeddedChat is hosted at port 3000

To be clear

1. EmbeddedChat should be hosted in port 4000
2. RC core at port 3000

In .env

REACT_APP_RC_HOST='http://localhost:3000/' -> This calls the RC core app

[RahulNavneeth]

Also the RC core means the main Rocket.Chat repo right? Actually I faced issues running it since I am trying to use gitpod. Do you have any clue as to how to set it up on gitpod?

If you can tell me what error you are experiencing, I might be able to assist you even though I am not familiar with setting up the project on localhost using Gitpod.

[SANGAAM]

Well I have hosted that in 4000 still that doesn't work And what u mean by RC core is this the Rocket. Chat repository u r talking about??

[RahulNavneeth]

Well I have hosted that in 4000 still that doesn't work

And what u mean by RC core is this the Rocket. Chat repository u r talking about??

Yup, Rocket.Chat is the core repo - only if you get the Core app hosted in port 3000 you would able to continue

[RahulNavneeth]

Well I have hosted that in 4000 still that doesn't work

And what u mean by RC core is this the Rocket. Chat repository u r talking about??

Yup, Rocket.Chat is the core repo - only if you get the Core app hosted in port 3000 you would able to continue

Note : Both EmbeddedChat and RC Core should be hosted simultaneously.

EmbeddedChat on 3000 RC Core on 4000

[SANGAAM]

https://www.linkedin.com/in/sangam-chaudhary-4b5047226 Hey this is my linkedin account if u get any time then pls share the video on how u setup the project it will great help for me I will try from side too And thnx btw

[RahulNavneeth]

Sure mate! Will do 👍