From 08d38e90b013a3fe380be711c86aa7a82a824ede Mon Sep 17 00:00:00 2001
From: mic <m@micz.it>
Date: Sat, 27 Jul 2024 14:55:25 +0200
Subject: [PATCH] added type to appendBotMessage

---
 api_webchat/messagesArea.js | 49 ++++++++++++++++++++-----------------
 1 file changed, 27 insertions(+), 22 deletions(-)

diff --git a/api_webchat/messagesArea.js b/api_webchat/messagesArea.js
index f6b8a3d2..5647ab0c 100644
--- a/api_webchat/messagesArea.js
+++ b/api_webchat/messagesArea.js
@@ -71,6 +71,12 @@ messagesAreaStyle.textContent = `
     hr {
         width: 100%;
     }
+    .error{
+        background: lightcoral;
+        color: white;
+        padding: 5px;
+        border-radius: 10px;
+    }
 `;
 messagesAreaTemplate.content.appendChild(messagesAreaStyle);
 
@@ -131,6 +137,27 @@ class MessagesArea extends HTMLElement {
         this.scrollToBottom();
     }
 
+    appendBotMessage(messageText, type="bot") {
+        console.log("[ThunderAI] appendBotMessage: " + messageText);
+
+        this.fullTextHTML = messageText;
+
+        const lastMessage = this.messages.lastElementChild;
+        const isLastMessageFromUser = lastMessage && lastMessage.classList.contains('user');
+
+        if (isLastMessageFromUser) {
+            const header = document.createElement('h2');
+            header.textContent = "Chat GPT";
+            this.messages.appendChild(header);
+        }
+
+        const messageElement = document.createElement('div');
+        messageElement.classList.add('message', type);
+        messageElement.textContent = messageText;
+        this.messages.appendChild(messageElement);
+        this.scrollToBottom();
+    }
+
     handleNewToken(token) {
         if (!this.accumulatingMessageEl) {
             this.createNewAccumulatingMessage();
@@ -221,28 +248,6 @@ class MessagesArea extends HTMLElement {
         }
     }
 
-
-    appendBotMessage(messageText) {
-        console.log("[ThunderAI] appendBotMessage: " + messageText);
-
-        this.fullTextHTML = messageText;
-
-        const lastMessage = this.messages.lastElementChild;
-        const isLastMessageFromUser = lastMessage && lastMessage.classList.contains('user');
-
-        if (isLastMessageFromUser) {
-            const header = document.createElement('h2');
-            header.textContent = "Bot";
-            this.messages.appendChild(header);
-        }
-
-        const messageElement = document.createElement('div');
-        messageElement.classList.add('message', 'bot');
-        messageElement.textContent = messageText;
-        this.messages.appendChild(messageElement);
-        this.scrollToBottom();
-    }
-
 }
 
 customElements.define('messages-area', MessagesArea);
\ No newline at end of file