From 4a42d22692c9dfa295ca09e2df2011a11ff3c4cc Mon Sep 17 00:00:00 2001
From: Max <maxharz@gmail.com>
Date: Fri, 20 Jun 2025 20:10:23 +0200
Subject: [PATCH] fix(webapp): better chat upload ui (#8693)

* Fix date formatting of transmitting message

* Avoid duplicate key; fix formatting
---
 webapp/components/Chat/Chat.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/webapp/components/Chat/Chat.vue b/webapp/components/Chat/Chat.vue
index 5d2b745e8..b83f023f3 100644
--- a/webapp/components/Chat/Chat.vue
+++ b/webapp/components/Chat/Chat.vue
@@ -73,8 +73,11 @@
           v-for="message in messages.filter((m) => m.isUploading)"
           :slot="'message_' + message._id"
           v-bind:key="message._id"
+          class="vac-format-message-wrapper"
         >
-          {{ $t('chat.transmitting') }}
+          <div class="markdown">
+            <p>{{ $t('chat.transmitting') }}</p>
+          </div>
         </div>
 
         <div v-for="room in rooms" :slot="'room-list-avatar_' + room.id" :key="room.id">
@@ -406,10 +409,10 @@ export default {
       // Immediately add new message
       const localMessage = {
         ...messageDetails,
-        _id: 'new',
+        _id: 'new' + Math.random().toString(36).substring(2, 15),
         seen: false,
         saved: false,
-        date: new Date(),
+        date: new Date().toDateString(),
         senderId: this.currentUser.id,
         files:
           messageDetails.files?.map((file) => ({