From 55152f4e472818c62d9100bf348a8387e1a0456e Mon Sep 17 00:00:00 2001
From: everythingonblack <zaditgans671555@gmail.com>
Date: Sun, 8 Jun 2025 14:10:00 +0700
Subject: [PATCH] ok

---
 src/ChatBot.js         | 11 ++++++-----
 src/ChatBot.module.css |  1 +
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/ChatBot.js b/src/ChatBot.js
index 0e0c1a5..6a7a81c 100644
--- a/src/ChatBot.js
+++ b/src/ChatBot.js
@@ -8,8 +8,8 @@ const ChatBot = ({existingConversation, readOnly, hh}) => {
       text: 'Halo 👋 Saya Klinik AI! Ada yang bisa saya bantu?',
       time: getTime(),
       quickReplies: [
-        'Gigi saya sakit',
-        'Saya mengalami pusing',
+        'Bagaimana menghilangkan komedo',
+        'Apakah bisa menghilangkan bopeng?',
         'Perutku mual dan kembung',
       ],
     },
@@ -52,14 +52,15 @@ useEffect(()=>{
 
     setMessages(newMessages);
     setInput('');
-setTimeout(() => setIsLoading(true), 1000);
+    setTimeout(() => setIsLoading(true), 1000);
+    const messagesToSend = newMessages.slice(1);
 
     try {
       // Send to backend
       const response = await fetch('https://n8n.kediritechnopark.my.id/webhook/master-agent/ask', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ pertanyaan: newMessages, sessionId: JSON.parse(localStorage.getItem('session')).sessionId, lastSeen: new Date().toISOString() }),
+        body: JSON.stringify({ pertanyaan: messagesToSend, sessionId: JSON.parse(localStorage.getItem('session')).sessionId, lastSeen: new Date().toISOString() }),
       });
 
       if (!response.ok) throw new Error('Network response was not ok');
@@ -111,7 +112,7 @@ setTimeout(() => setIsLoading(true), 1000);
             </div>
           </div>
         )}
-        {messages.map((msg, index) => (
+        {messages.slice().reverse().map((msg, index) => (
           <div
             key={index}
             className={`${styles.messageRow} ${styles[msg.sender]}`}
diff --git a/src/ChatBot.module.css b/src/ChatBot.module.css
index d971d9d..c90f962 100644
--- a/src/ChatBot.module.css
+++ b/src/ChatBot.module.css
@@ -39,6 +39,7 @@
   display: flex;
   margin-bottom: 12px;
   align-items: flex-end;
+  width: 100%;
 }
 
 .bot {