how to change the bot avatar ?

Question

how to change the bot avatar ?

Closed this issue a year ago · 3 comments

I set the botAvatar props to the name of the image in the same directory as my javascript file
bellow the bot avatar didn't show

              headerTitle="Speech Synthesis"
              speechSynthesis={{ enable: true, lang: 'en' }}
              steps={steps}
              botAvatar="robot_AI.png"
              floating recognitionEnable
            />
          </ThemeProvider>
        </Wrapper>
      </Layout>

Answer 1 · 2023-08-23T08:52:20.000Z

Here is the code
<Layout> <Wrapper> <ThemeProvider theme={theme}> <ChatBot headerTitle="Speech Synthesis" speechSynthesis={{ enable: true, lang: 'en' }} steps={steps} botAvatar="robot_AI.png" floating recognitionEnable /> </ThemeProvider> </Wrapper> </Layout>

Answer 2 · 2023-08-25T08:53:50.000Z

I don't how your project is set up. But if it create react app or similar you could just import your image.

import botAvatarImg from '[path-to-asset]/robot_AI.png
...
 <ChatBot headerTitle="Speech Synthesis" speechSynthesis={{ enable: true, lang: 'en' }} steps={steps} botAvatar={botAvatarImg} floating recognitionEnable />

Answer 3 · 2023-08-25T09:07:00.000Z

Thanks it work