Merge pull request #1753 from okTurtles/1746-show-user-profile-cards-…

…when-user-clicks-name-in-payments Show user profile cards when user clicks name in payments
okTurtles · Oct 6, 2023 · 70e403e · 70e403e
2 parents 4c3e61a + ab85416
commit 70e403e
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/frontend/views/containers/payments/payment-row/PaymentRow.vue b/frontend/views/containers/payments/payment-row/PaymentRow.vue
@@ -6,8 +6,12 @@
       slot(name='cellUser')
       template(v-if='!$slots["cellUser"]')
         .c-user
-          avatar-user.c-avatar(:username='payment.username' size='xs')
-          strong.c-name {{payment.displayName}}
+          profile-card(
+            :username='payment.username'
+            direction='top-left'
+          )
+            avatar-user.c-avatar(:username='payment.username' size='xs')
+            strong.c-name {{payment.displayName}}
 
         span.c-user-date(:class='payment.isLate ? "pill is-danger" : "has-text-1"') {{ humanDate(payment.date) }}
 
@@ -33,11 +37,13 @@
 
 <script>
 import AvatarUser from '@components/AvatarUser.vue'
+import ProfileCard from '@components/ProfileCard.vue'
 import { humanDate } from '@model/contracts/shared/time.js'
 
 export default ({
   name: 'PaymentRowSent',
   components: {
+    ProfileCard,
     AvatarUser
   },
   props: {