Multiple Message Widgets

[jdavidteki]

Not sure if someone has asked this before, but is there a way to have multiple message widgets without having to deal with non-unique CSS classes? I am currently doing something like this (snippet below) but when the 'active' class is attached to the 'rcw-widget-container' class, all the other widgets become active.

      <div className={"rcw-widget-container" + this.props.item.id}>
        <Widget
          handleNewUserMessage={this.handleNewUserMessage}
          chatId={"rcw-widget-container" + this.props.item.id}
        />
      </div>

It would be nice to be able to control each unique chat widget differently.

[luddilo]

Did you figure this out? My usecase is to have one chat widget and another full-screen chat on the same page. It seems like the toggleChatWidget() method toggles all widgets at the same time

[ldkaskow]

I am also trying to achieve this... any possible way to have more than one <Widget> in a single app?