react-chat-widget icon indicating copy to clipboard operation
react-chat-widget copied to clipboard

Desiable the Notification of unread messages

Open BluePanda-io opened this issue 3 years ago • 3 comments

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) image

Is anyone know how to do that?

BluePanda-io avatar Feb 03 '21 19:02 BluePanda-io

To get rid of it, you can simply modify your CSS to hide the badge:

.rcw-launcher .rcw-badge {
    display: none;
}

jotahws avatar Feb 04 '21 09:02 jotahws

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.

BluePanda-io avatar Feb 04 '21 10:02 BluePanda-io

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 Screen Shot 2021-02-08 at 16 13 57

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 Screen Shot 2021-02-08 at 16 13 01

jotahws avatar Feb 08 '21 16:02 jotahws