From b63cc911a7d20f4f47ca37b4d3c787e9b3c7b1f8 Mon Sep 17 00:00:00 2001
From: Adam French <adam.a.french@outlook.com>
Date: Fri, 13 Mar 2026 16:35:02 +0000
Subject: [PATCH] Should defo be the fix please god

---
 nginx/vue/src/components/util/Chat.vue | 125 ++++++++++++-------------
 1 file changed, 58 insertions(+), 67 deletions(-)

diff --git a/nginx/vue/src/components/util/Chat.vue b/nginx/vue/src/components/util/Chat.vue
index cbb2965..c6b2e65 100644
--- a/nginx/vue/src/components/util/Chat.vue
+++ b/nginx/vue/src/components/util/Chat.vue
@@ -82,75 +82,66 @@ onUnmounted(() => {
 <template>
     <div>
         <Header>Chat</Header>
-        <div class="flex-col flex">
-            <div
-                ref="messagesContainer"
-                class="flex flex-col overflow-y-auto p-2"
-            >
-                <p v-for="message in messages" :key="message.id">
-                    <span class="text-tertiary">{{ message.authorId }}:</span>
-                    <template
-                        v-for="(part, i) in parseMessageParts(
-                            message.text || '',
-                        )"
-                        :key="i"
+        <div ref="messagesContainer" class="flex flex-col overflow-y-auto p-2">
+            <p v-for="message in messages" :key="message.id">
+                <span class="text-tertiary">{{ message.authorId }}:</span>
+                <template
+                    v-for="(part, i) in parseMessageParts(message.text || '')"
+                    :key="i"
+                >
+                    <a
+                        v-if="part.type === 'link'"
+                        :href="part.value"
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        class="text-primary underline"
+                        >{{ part.value }}</a
                     >
-                        <a
-                            v-if="part.type === 'link'"
-                            :href="part.value"
-                            target="_blank"
-                            rel="noopener noreferrer"
-                            class="text-primary underline"
-                            >{{ part.value }}</a
-                        >
-                        <span v-else>{{ part.value }}</span>
-                    </template>
-                    <template
-                        v-if="message.fileUrl && isSafeFileUrl(message.fileUrl)"
+                    <span v-else>{{ part.value }}</span>
+                </template>
+                <template
+                    v-if="message.fileUrl && isSafeFileUrl(message.fileUrl)"
+                >
+                    <img
+                        v-if="isImageUrl(message.fileUrl)"
+                        :src="message.fileUrl"
+                        class="max-w-xs max-h-48 rounded"
+                        @load="scrollToBottom"
+                    />
+                    <video
+                        v-else-if="isVideoUrl(message.fileUrl)"
+                        :src="message.fileUrl"
+                        controls
+                        class="max-w-xs max-h-48 rounded"
+                        @loadedmetadata="scrollToBottom"
+                    />
+                    <a
+                        v-else
+                        :href="message.fileUrl"
+                        target="_blank"
+                        class="underline"
+                        >{{ message.fileUrl.split("/").pop() }}</a
                     >
-                        <img
-                            v-if="isImageUrl(message.fileUrl)"
-                            :src="message.fileUrl"
-                            class="max-w-xs max-h-48 rounded"
-                            @load="scrollToBottom"
-                        />
-                        <video
-                            v-else-if="isVideoUrl(message.fileUrl)"
-                            :src="message.fileUrl"
-                            controls
-                            class="max-w-xs max-h-48 rounded"
-                            @loadedmetadata="scrollToBottom"
-                        />
-                        <a
-                            v-else
-                            :href="message.fileUrl"
-                            target="_blank"
-                            class="underline"
-                            >{{ message.fileUrl.split("/").pop() }}</a
-                        >
-                    </template>
-                </p>
-            </div>
-            <div>
-                <input v-model="messageInput" @keyup.enter="sendMessage" />
-                <input
-                    ref="fileInput"
-                    type="file"
-                    class="hidden"
-                    @change="onFileSelected"
-                />
-                <div class="flex gap-2">
-                    <Button class="flex-1" @click="sendMessage">Send</Button>
-                    <Button
-                        v-if="authStore.user.admin"
-                        class="flex-1"
-                        @click="fileInput.click()"
-                        >Attach</Button
-                    >
-                    <Button class="flex-1" @click="scrollToBottom"
-                        >Bottom</Button
-                    >
-                </div>
+                </template>
+            </p>
+        </div>
+        <div>
+            <input v-model="messageInput" @keyup.enter="sendMessage" />
+            <input
+                ref="fileInput"
+                type="file"
+                class="hidden"
+                @change="onFileSelected"
+            />
+            <div class="flex gap-2">
+                <Button class="flex-1" @click="sendMessage">Send</Button>
+                <Button
+                    v-if="authStore.user.admin"
+                    class="flex-1"
+                    @click="fileInput.click()"
+                    >Attach</Button
+                >
+                <Button class="flex-1" @click="scrollToBottom">Bottom</Button>
             </div>
         </div>
     </div>