fix: chat timeline to messages show up chronologically

The orginal setup was appending history to the wrong element causing
chat to appear out of order.

diff --git a/public/index.html b/public/index.html
index e2efaa05e3ceb66c18fb48d9abe33e50dbd8e2a6..746e2c36d2326f54fbecc2f850948bd87b5498e8 100644 (file)
--- a/public/index.html
+++ b/public/index.html
@@ -66,7 +66,7 @@
       </div>
 
       <section id="chat">
-        <div id="chat-messages" hx-trigger="load delay:1s" hx-get="/chat/history" hx-swap="afterend"></div>
+        <div id="chat-messages" hx-trigger="load delay:1s" hx-get="/chat/history" hx-swap="innerHTML"></div>
         <form id="chat-form" hx-post="/chat">
           <input type="text" id="message" name="message" autocomplete="off"><button type="submit">Send</button>
         </form>