From 6df0673c8e299630c4b4d5d33a5f4e34ead19f71 Mon Sep 17 00:00:00 2001
From: Andy Burke <andy.burke@mailbox.earth>
Date: Fri, 12 Sep 2025 12:06:12 -0700
Subject: [PATCH] fix: fix message submission

---
 public/index.html          | 10 +++++-----
 public/tabs/chat/chat.html | 16 +++++++++++-----
 public/tabs/chat/chat.js   |  8 ++++----
 3 files changed, 20 insertions(+), 14 deletions(-)

diff --git a/public/index.html b/public/index.html
index 4fc4b3a..8a5dac6 100644
--- a/public/index.html
+++ b/public/index.html
@@ -54,7 +54,7 @@
 				topic_changed: {
 					detail: {
 						previous,
-						topic: topic_id
+						topic_id
 					}
 				}
 			});
@@ -62,7 +62,7 @@
 			document.dispatchEvent(new CustomEvent( "topic_changed", {
 				detail: {
 					previous,
-					topic: topic_id
+					topic_id
 				}
 			}));
 		}
@@ -89,14 +89,14 @@
 		}
 	}
 	window.addEventListener("locationchange", extract_url_hash_info);
-	document.addEventListener( 'topic_changed', ( {detail: { topic }}) => {
-		if ( !topic ) {
+	document.addEventListener( 'topic_changed', ( {detail: { topic_id }}) => {
+		if ( !topic_id ) {
 			const first_topic_id = TOPICS?.[0]?.id;
 			if ( first_topic_id ) {
 				window.location.hash = `/topic/${ first_topic_id }/chat`;
 			}
 		}
-	})
+	});
 
 	let TOPICS = [];
 	let last_topic_update = undefined;
diff --git a/public/tabs/chat/chat.html b/public/tabs/chat/chat.html
index 5a46056..eb70377 100644
--- a/public/tabs/chat/chat.html
+++ b/public/tabs/chat/chat.html
@@ -43,9 +43,10 @@
 					<script>
 						{
 							const form = document.currentScript.closest("form");
-							const file_input = document.querySelector('input[type="file"]');
-							const chat_input = document.getElementById("topic-chat-input");
-							const parent_id_input = document.getElementById("parent-id");
+							const file_input = form.querySelector('input[type="file"]');
+							const chat_input = form.querySelector('textarea[name="data.content"]');
+							const parent_id_input = form.querySelector('input[name="parent_id"]');
+
 							const topic_chat_container =
 								document.getElementById("topic-chat-container");
 							const topic_chat_content =
@@ -53,6 +54,13 @@
 
 							let messages_in_flight = {};
 
+							document.addEventListener(
+								"topic_changed",
+								({ detail: { topic_id } }) => {
+									form.action = topic_id ? `/api/topics/${topic_id}/events` : "";
+								},
+							);
+
 							chat_input.addEventListener("keypress", (event) => {
 								if (event.key === "Enter" && !event.shiftKey) {
 									form.requestSubmit();
@@ -100,8 +108,6 @@
 								if (form.uploaded_urls.length === 0 && message.length === 0) {
 									return false;
 								}
-
-								form.action = `/api/topics/${topic_id}/events`;
 							};
 
 							form.on_parsed = (json) => {
diff --git a/public/tabs/chat/chat.js b/public/tabs/chat/chat.js
index 7fde716..6d8c8c5 100644
--- a/public/tabs/chat/chat.js
+++ b/public/tabs/chat/chat.js
@@ -349,7 +349,7 @@ async function append_topic_events(events) {
 let topic_polling_request_abort_controller = null;
 async function poll_for_new_events() {
 	const topic_chat_content = document.getElementById("topic-chat-content");
-	const topic_id = topic_chat_content.dataset.topic_id;
+	const topic_id = document.body.dataset.topic;
 	const last_message_id = topic_chat_content.dataset.last_message_id;
 
 	if (!topic_id) {
@@ -418,8 +418,8 @@ async function load_topic(topic_id) {
 	const events = (await events_response.json()).reverse();
 
 	await append_topic_events(events);
-	poll_for_new_events(topic_id);
+	poll_for_new_events();
 }
-document.addEventListener("topic_changed", ({ detail: { topic } }) => {
-	load_topic(topic);
+document.addEventListener("topic_changed", ({ detail: { topic_id } }) => {
+	load_topic(topic_id);
 });