From a5c4aea7381c810773710ebe8ac713551e49d362 Mon Sep 17 00:00:00 2001
From: joschuatonn <joschua@francoismechanics.com>
Date: Sun, 16 Jun 2024 18:04:07 +0200
Subject: [PATCH] Profile- and Chat Card now display the last message as a
 preview

---
 src/components/ChatCardComponent.vue    | 3 +++
 src/components/ProfileCardComponent.vue | 3 ++-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/ChatCardComponent.vue b/src/components/ChatCardComponent.vue
index ae8a182..7eb24ec 100644
--- a/src/components/ChatCardComponent.vue
+++ b/src/components/ChatCardComponent.vue
@@ -3,6 +3,7 @@
   const props =  defineProps({
     chat: Object,
     selected: Boolean,
+    lastMessage: String,
   })
 
 </script>
@@ -14,6 +15,8 @@
       <p style="margin-bottom: 0;line-height: 25px;vertical-align: middle;height: 25px;display: table-cell;">
         <span style="font-weight: bold;font-size: 1.2rem;">{{props.chat!.displayName}}</span>
       </p>
+
+      <p style="margin: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width:20rem;">{{ props.lastMessage }}</p>
     </div>
   </div>
 </template>
diff --git a/src/components/ProfileCardComponent.vue b/src/components/ProfileCardComponent.vue
index e05cba1..00a75be 100644
--- a/src/components/ProfileCardComponent.vue
+++ b/src/components/ProfileCardComponent.vue
@@ -4,6 +4,7 @@
     user: Object,
     selected: Boolean,
     slim: Boolean,
+    lastMessage: String
   })
 
 </script>
@@ -18,7 +19,7 @@
       </p>
 
       <p v-if="!props.slim" style="margin: 0;">{{ props.user!.status }}</p>
-      <p v-else style="margin: 0;">Hier steht die letzte Nachricht</p>
+      <p v-else style="margin: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width:20rem;">{{ props.lastMessage }}</p>
     </div>
   </div>
 </template>