3l Solution 2

SuperSimpleDev · Oct 31, 2024 · eb84019 · eb84019
1 parent 34d7ae9
commit eb84019
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/2-copy-of-code/lesson-03/chatbot.html b/2-copy-of-code/lesson-03/chatbot.html
@@ -27,14 +27,23 @@
               message: inputText,
               sender: 'user',
               id: crypto.randomUUID()
+            },
+            // Another solution is to add the Loading... message
+            // to newChatMessages, but we have to remove it later.
+            {
+              message: 'Loading...',
+              sender: 'robot',
+              id: crypto.randomUUID()
             }
           ];
 
           setChatMessages(newChatMessages);
 
           const response = await Chatbot.getResponseAsync(inputText);
           setChatMessages([
-            ...newChatMessages,
+            // This makes a copy of newChatMessages, but without the
+            // last message in the array.
+            ...newChatMessages.slice(0, newChatMessages.length - 1),
             {
               message: response,
               sender: 'robot',