🛠

Integrating the Widget

WalletChat widget integration steps for react-wallet-chat NPM package

Custom Integration Steps

  1. 1.
    Install NPM package "react-wallet-chat"
yarn add react-wallet-chat if using yarn instead of npm
  1. 2.
    On any page you wish to have the chat widget active, import:
import {WalletChatProvider, WalletChatWidget} from 'react-wallet-chat'
And include in your page source:
<WalletChatWidget />
  1. 3.
    Include the WalletChat Widget with parameters if using features such as Chat With Owner or Integrated Sign-In:
<WalletChatProvider>
<FunctionalComponent {...pageProps} />
<WalletChatWidget
connectedWallet={
...<Chat With Owner Details>
}
signedMessageData={
...<Integrated Sign-In Details>
}
/>
<WalletChatProvider>