From 6e2525da877960dc88a8c00f930b1e3a4d720b92 Mon Sep 17 00:00:00 2001
From: joschuatonn <joschua@francoismechanics.com>
Date: Thu, 30 May 2024 09:19:39 +0200
Subject: [PATCH] Added slim variant for the profilecardcomponent

---
 src/components/ProfileCardComponent.vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/ProfileCardComponent.vue b/src/components/ProfileCardComponent.vue
index 26e5b73..e05cba1 100644
--- a/src/components/ProfileCardComponent.vue
+++ b/src/components/ProfileCardComponent.vue
@@ -1,23 +1,24 @@
 <script setup lang="ts">
-  import {message, ptpTestUser} from 'src/models';
 
   const props =  defineProps({
     user: Object,
     selected: Boolean,
+    slim: Boolean,
   })
 
 </script>
 
 <template>
   <div class="profileCard" :class="selected ? 'selected' : ''">
-    <div class="profilePicture" :style="{'background-image' : 'url('+props.user!.profilePictureUrl+')' }"></div>
+    <div class="profilePicture" :style="{'background-image' : 'url('+props.user!.profilepicture+')' }"></div>
     <div style="margin-left:10px;">
       <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.user!.firstName}} {{ props.user!.lastName }}</span>
-        @{{props.user!.username}}
+        <span v-if="!props.slim">@{{props.user!.username}}</span>
       </p>
 
-      <p style="margin: 0;">{{ props.user!.status }}</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>
     </div>
   </div>
 </template>