From ab854165a1efe97c38fa1eaf322a8995580def2a Mon Sep 17 00:00:00 2001
From: silver-it <alex.jin220@gmail.com>
Date: Fri, 6 Oct 2023 20:22:18 +0800
Subject: [PATCH] feat: added profile-card in payments table

---
 .../containers/payments/payment-row/PaymentRow.vue     | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/frontend/views/containers/payments/payment-row/PaymentRow.vue b/frontend/views/containers/payments/payment-row/PaymentRow.vue
index b2e1c52b41..0a4a9dd42f 100644
--- 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: {