DisplayLoadingBubble is not working for a given time interval about deep-chat HOT 3 CLOSED

Hi @MOHD-KAIF-hub.

I am not fully sure why you are attempting to manually toggle the displayLoadingBubble value. The Deep Chat component property values can't be dynamically changed (without the component being completely re-rendered), so when you assign a new value to displayLoadingBubble - the chat will only use the one given at the start. Hence the toggle does not do anything.

If the problem that you are referring to is the fact that the loading bubble is only displaying for a few milliseconds, the reason for that is upon changing the React State via setinitialMessages and setIsLoading - the component will be completely re-rendered. This is a basic React component convention.
To see for yourself you can comment out the code that uses these setters and you will be able to observe the loading bubble working correctly.
To store messages without having the component being re-renderd, I would instead suggest storing it by other means, such as an external variable. E.g. using the following syntax:

const initialMessages: MessageContent[] = [
  {text: 'How are you doing?', role: 'loading'},
  {
    html: `
      <div class="deep-chat-temporary-message">
        <button class="deep-chat-button deep-chat-suggestion-button" style="margin-top: 5px">give some bullet points?</button>
        <button class="deep-chat-button deep-chat-suggestion-button" style="margin-top: 6px">summarize it?</button>
        <button class="deep-chat-button deep-chat-suggestion-button" style="margin-top: 6px">What is this?</button>
      </div>`,
    role: 'user',
  },
];

export const App = () => {
...

And instead of setinitialMessages you can use initialMessages.push().

I would also suggest using the onNewMessage event to track message history, e.g:

onNewMessage={(newMessage) => {
  initialMessages.push(newMessage.message);
}}

Hopefully this helps you. Let me know if you have any questions.
Thanks!

from deep-chat.

First of all thanks for your response. I got what the mistake I was doing now I will handle thanks a lot.

from deep-chat.

Hey, I will be closing this issue since the problem has been resolved. Thanks!

from deep-chat.