From 5edbd5ad4d53faeaf7b92e70a3670ea9308ab18b Mon Sep 17 00:00:00 2001
From: Troplo <troplo@troplo.com>
Date: Tue, 4 Oct 2022 20:52:12 +1100
Subject: [PATCH] 1.0.32

---
 frontend/package.json                         |  2 +-
 frontend/src/components/Embed.vue             |  5 +++--
 frontend/src/components/Message.vue           |  9 ++++----
 .../Communications/CommunicationsChat.vue     | 22 +++++++++----------
 4 files changed, 18 insertions(+), 20 deletions(-)

diff --git a/frontend/package.json b/frontend/package.json
index e82116b..c7bf75d 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -1,6 +1,6 @@
 {
   "name": "colubrina",
-  "version": "1.0.31",
+  "version": "1.0.32",
   "description": "Simple instant communication.",
   "private": true,
   "author": "Troplo <troplo@troplo.com>",
diff --git a/frontend/src/components/Embed.vue b/frontend/src/components/Embed.vue
index e782b28..f92d23a 100644
--- a/frontend/src/components/Embed.vue
+++ b/frontend/src/components/Embed.vue
@@ -1,7 +1,8 @@
 <template>
-  <div>
+  <span>
     <v-card
       :min-width="!$vuetify.breakpoint.mobile ? 400 : 0"
+      :max-width="500"
       elevation="0"
       color="card"
       v-if="embed.type === 'image'"
@@ -164,7 +165,7 @@
         </v-row>
       </v-container>
     </v-card>
-  </div>
+  </span>
 </template>
 
 <script>
diff --git a/frontend/src/components/Message.vue b/frontend/src/components/Message.vue
index 3b29d83..9efb89b 100644
--- a/frontend/src/components/Message.vue
+++ b/frontend/src/components/Message.vue
@@ -153,14 +153,13 @@
           </span>
 
           <template v-if="edit.id !== message.id">
-            <v-row
+            <Embed
               v-for="(embed, index) in message.embeds"
               :key="index"
               :id="'embed-' + index"
-              no-gutters
-            >
-              <Embed :embed="embed" :setImagePreview="setImagePreview"></Embed>
-            </v-row>
+              :embed="embed"
+              :setImagePreview="setImagePreview"
+            ></Embed>
             <v-row v-if="message.poll" no-gutters>
               <Poll :message="message"></Poll>
             </v-row>
diff --git a/frontend/src/views/Communications/CommunicationsChat.vue b/frontend/src/views/Communications/CommunicationsChat.vue
index c5f520a..4cb527b 100644
--- a/frontend/src/views/Communications/CommunicationsChat.vue
+++ b/frontend/src/views/Communications/CommunicationsChat.vue
@@ -833,18 +833,16 @@ export default {
       this.replying = message
     },
     markAsRead() {
-      if (this.items) {
-        try {
-          const unread = this.$store.state.chats.find(
-            (item) => item.id === JSON.parse(this.$route.params.id)
-          ).unread
-          this.items.find(
-            (item) => item.id === JSON.parse(this.$route.params.id)
-          ).unread = 0
-          this.$store.state.communicationNotifications -= unread
-        } catch {
-          return
-        }
+      try {
+        const unread = this.$store.state.chats.find(
+          (item) => item.id === JSON.parse(this.$route.params.id)
+        ).unread
+        this.$store.state.chats.find(
+          (item) => item.id === JSON.parse(this.$route.params.id)
+        ).unread = 0
+        this.$store.state.communicationNotifications -= unread
+      } catch {
+        console.log("Chat could not be found (markAsRead)")
       }
     },
     endSend() {