From 9a8c8f4d6883a402105a1be6d822da1fb97e89e6 Mon Sep 17 00:00:00 2001
From: aboutphilippe <philippemarketing@gmail.com>
Date: Tue, 20 Aug 2024 18:12:12 +0200
Subject: [PATCH] match voice backend

---
 src/components/ChatEvents.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/ChatEvents.tsx b/src/components/ChatEvents.tsx
index 9e8bece..4330e88 100644
--- a/src/components/ChatEvents.tsx
+++ b/src/components/ChatEvents.tsx
@@ -21,22 +21,26 @@ const ChatEvents: React.FC<ChatEventsProps> = ({
       <div className="h-full overflow-y-auto p-4">
         <ul className="space-y-4">
           {events
-            .filter((event) => ["answer", "question"].includes(event.event))
+            .filter((event) =>
+              ["userMessage", "roomMessage"].includes(event.event)
+            )
             .map((event, index) => (
               <li
                 key={index}
                 className={`flex ${
-                  event.event === "answer" ? "justify-start" : "justify-end"
+                  event.event === "roomMessage"
+                    ? "justify-start"
+                    : "justify-end"
                 }`}
               >
-                {event.event === "answer" && (
+                {event.event === "roomMessage" && (
                   <div className="flex gap-2 text-left max-w-xs">
                     <p className="bg-neutral-700 text-white p-4 rounded-xl">
                       {event.data?.text.replaceAll("•", "")}
                     </p>
                   </div>
                 )}
-                {event.event === "question" && (
+                {event.event === "userMessage" && (
                   <div className="flex gap-2 text-right max-w-xs ml-auto">
                     <p className="bg-blue-500 text-white p-4 rounded-xl">
                       {event.data?.text}