react-chat-widget
react-chat-widget copied to clipboard
Desiable the Notification of unread messages
There is a notification of unread messages that I want to completely get rid of (or change the number by hand to whatever I want to)
Is anyone know how to do that?
To get rid of it, you can simply modify your CSS to hide the badge:
.rcw-launcher .rcw-badge {
display: none;
}
Thank you so much for taking the time to write me, this is great that you can do that and I need exactly that.
However, I am a super newbie and I don't know how to do this. Where exactly I need to write this code? Is it on a CSS file or is it as a style on the widget something like that:
<Widget style={{
.rcw-launcher .rcw-badge {
display: none;
}
}}/>
Please if you have the time explain to me in detail because I really don't understand how to do this and I can't figure this out from the readme of Github.
If you need to make changes on the CSS, i recommend you copying the default chat style in node_modules
and putting it in your source project.
![Screen Shot 2021-02-08 at 16 09 47](https://user-images.githubusercontent.com/19479028/107246344-12b4b180-6a28-11eb-9312-df4977fbd6e9.png)
![Screen Shot 2021-02-08 at 16 13 57](https://user-images.githubusercontent.com/19479028/107246982-b9994d80-6a28-11eb-8783-2e556b18a876.png)
After you copy that, you can import the new CSS on the component you use your <Widget/>
and change it as you want
![Screen Shot 2021-02-08 at 16 16 12](https://user-images.githubusercontent.com/19479028/107247227-f7967180-6a28-11eb-85c8-d77ae10b791d.png)
![Screen Shot 2021-02-08 at 16 13 01](https://user-images.githubusercontent.com/19479028/107246794-8787eb80-6a28-11eb-866d-44ec0c6abb29.png)