From 256bd0231ee1e059753e0353254218cb47f93f3c Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Mon, 19 Dec 2022 13:59:05 +0100
Subject: [PATCH] size and color for avatar

---
 .../Template/RightSide/LastTransactions.vue   | 44 ++++++++++++++++---
 .../Transactions/TransactionReceive.vue       |  2 +-
 .../Transactions/TransactionSend.vue          |  2 +-
 3 files changed, 39 insertions(+), 9 deletions(-)

diff --git a/frontend/src/components/Template/RightSide/LastTransactions.vue b/frontend/src/components/Template/RightSide/LastTransactions.vue
index 4bc0147a4..7bfecae25 100644
--- a/frontend/src/components/Template/RightSide/LastTransactions.vue
+++ b/frontend/src/components/Template/RightSide/LastTransactions.vue
@@ -1,14 +1,44 @@
 <template>
   <div class="rightside-last-transactions d-none d-lg-block">
-    <b-row>
+    <b-row class="mb-3">
       <b-col>{{ $t('transaction.lastTransactions') }}</b-col>
       <!-- <b-col cols="1" class="text-right">
         <b-icon icon="three-dots-vertical"></b-icon>
       </b-col> -->
     </b-row>
-    <b-list-group class="mt-5">
-      <div v-for="(transaction, index) in transactions" :key="transaction.id">
-        <b-list-group-item
+    <!-- <b-list-group class="mt-5"> -->
+    <div v-for="(transaction, index) in transactions" :key="transaction.id">
+      <b-row
+        align-v="center"
+        v-if="
+          index <= 8 &&
+          transaction.typeId !== 'DECAY' &&
+          transaction.typeId !== 'LINK_SUMMARY' &&
+          transaction.typeId !== 'CREATION'
+        "
+        class="mb-2"
+      >
+        <b-col cols="2">
+          <div class="align-items-center">
+            <avatar
+              :size="40"
+              :color="'#fff'"
+              :username="`${transaction.linkedUser.firstName} ${transaction.linkedUser.lastName}`"
+            ></avatar>
+          </div>
+        </b-col>
+        <b-col>
+          <div class="align-items-center small">
+            <name :linkedUser="transaction.linkedUser" @set-tunneled-email="setTunneledEmail" />
+          </div>
+        </b-col>
+        <b-col cols="auto">
+          <div class="align-items-center small">
+            {{ transaction.amount | GDD }}
+          </div>
+        </b-col>
+      </b-row>
+      <!-- <b-list-group-item
           class="border-0"
           v-if="
             index <= 7 &&
@@ -26,9 +56,9 @@
             </span>
             <b-badge>{{ transaction.amount | GDD }}</b-badge>
           </div>
-        </b-list-group-item>
-      </div>
-    </b-list-group>
+        </b-list-group-item> -->
+    </div>
+    <!-- </b-list-group> -->
   </div>
 </template>
 <script>
diff --git a/frontend/src/components/Transactions/TransactionReceive.vue b/frontend/src/components/Transactions/TransactionReceive.vue
index 55ee1300b..9234b8df4 100644
--- a/frontend/src/components/Transactions/TransactionReceive.vue
+++ b/frontend/src/components/Transactions/TransactionReceive.vue
@@ -3,7 +3,7 @@
     <b-row @click="visible = !visible" class="">
       <b-col cols="2">
         <!-- <b-avatar :text="avatarText" variant="success" size="3em"></b-avatar> -->
-        <avatar :username="username"></avatar>
+        <avatar :username="username" :color="'#fff'"></avatar>
       </b-col>
       <b-col>
         <div>
diff --git a/frontend/src/components/Transactions/TransactionSend.vue b/frontend/src/components/Transactions/TransactionSend.vue
index 98071e00c..5bb90d735 100644
--- a/frontend/src/components/Transactions/TransactionSend.vue
+++ b/frontend/src/components/Transactions/TransactionSend.vue
@@ -2,7 +2,7 @@
   <div class="transaction-slot-send">
     <b-row @click="visible = !visible" class="">
       <b-col cols="2">
-        <avatar :username="username"></avatar>
+        <avatar :username="username" :color="'#fff'"></avatar>
       </b-col>
       <b-col>
         <div>