make chat component work properly in mobile web about 100ms-web HOT 16 CLOSED

Hi @triptu, Can I work on this issue?

from 100ms-web.

sure, assigned to you.

from 100ms-web.

@mani-rsg Thanks, issue got resolved. Working on it.

from 100ms-web.

Hi @ranjithkumark8, I just looked at your forked repo of 100ms-web and it is behind the upstream and that's why there is a version mismatch, please pull and merge upstream, and then link hms-web with hms-video-react and it should work.

You can use the yarn link to connect both the repos.

In hms-video-react

yarn link

In web(this repo)

yarn link @100mslive/hms-video-react
cd node-modules/react
yarn link

In hms-video-react

yarn link react

Then run yarn start in both repos and you'll have them linked up, so any change you do in react components will show up locally on watch. (these steps to link repos are mentioned by @triptu in another issue that worked for me)

from 100ms-web.

may i ? pls

from 100ms-web.

sure, go ahead.

from 100ms-web.

so i have to create whole chat component?

from 100ms-web.

No just make the existing one work properly on phone.
Can you create an account on dashboard.100ms.live? You'll get a room url you can join and try check it out on phone and pc.

from 100ms-web.

Hi @triptu, I noticed that "ChatBox" component is imported from the npm package "@100mslive/hms-video-react", I think major part of the change should be done in the npm package. How can I proceed?

from 100ms-web.

https://github.com/100mslive/hms-video-react you can contribute here.

from 100ms-web.

Ok thanks for the update @raviteja83

from 100ms-web.

@triptu @raviteja83
After updating .env file with variables in example.env. I'm getting following error(see below screenshot). I tried to resolve it but I couldn't able to resolve it. Can you please help me with this?

from 100ms-web.

Have you created an account on dashboard.100ms.live to give the token endpoint in .env?

from 100ms-web.

@ranjithkumark8 Fill the REACT_APP_POLICY_CONFIG in the env with '{}', then it should work. Check the README.md (now updated)

from 100ms-web.

Hi @triptu @mani-rsg @raviteja83,

Can someone help me with this issue? I have linked hms-web with hms-video-react after that I'm getting below errors.

We don't have ParticipantsInView component in hms-video-react but we are importing it in MoreSettings in hms-web.

after commenting ParticipantsInView in MoreSettings, I'm getting Invalid hook error in HMSRoomProvider, Even though we are using it in functional component.

from 100ms-web.

Thanks @mani-rsg I will check it out

from 100ms-web.