From 538a6f021fc9095bec1a8ed091001ae6bb801891 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Tue, 15 Mar 2022 15:52:29 +0100
Subject: [PATCH] add components TransactionLink in CollapseLinksList.vue

---
 .../DecayInformations/CollapseLinksList.vue      | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/DecayInformations/CollapseLinksList.vue b/frontend/src/components/DecayInformations/CollapseLinksList.vue
index 3be2f14f5..d5663f16b 100644
--- a/frontend/src/components/DecayInformations/CollapseLinksList.vue
+++ b/frontend/src/components/DecayInformations/CollapseLinksList.vue
@@ -2,15 +2,27 @@
   <div class="collapse-links-list">
     <div class="d-flex">
       <div class="text-center pb-3 gradido-max-width">
-        <b>{{ $t('links-list.header') }}</b>
-        {{ transactionLinks }}
+        <div>
+          <b-row class="gradido-custom-background mb-2">
+            <b-col cols="2"><b>Betrag</b></b-col>
+            <b-col cols="2"><b>Vergänglichkeit</b></b-col>
+            <b-col cols="4"><b>Nachricht</b></b-col>
+            <b-col cols="2"><b>Abgelaufen</b></b-col>
+            <b-col cols="2"></b-col>
+          </b-row>
+          <transaction-link v-for="item in transactionLinks" :key="item.id" v-bind:item="item" />
+        </div>
       </div>
     </div>
   </div>
 </template>
 <script>
+import TransactionLink from '@/components/TransactionLinks/TransactionLink.vue'
 export default {
   name: 'CollapseLinksList',
+  components: {
+    TransactionLink,
+  },
   props: {
     transactionLinks: { type: Array, required: true },
   },