From cb27b7aebef936071fc9ed04f2252d5a3bd9c226 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Tue, 15 Mar 2022 11:39:48 +0100
Subject: [PATCH] chang componentname  TransactionLink TO
 TransactionLinkSummary

---
 ...ionLink.vue => TransactionLinkSummary.vue} | 26 ++++++++++++++++++-
 1 file changed, 25 insertions(+), 1 deletion(-)
 rename frontend/src/components/Transactions/{TransactionLink.vue => TransactionLinkSummary.vue} (72%)

diff --git a/frontend/src/components/Transactions/TransactionLink.vue b/frontend/src/components/Transactions/TransactionLinkSummary.vue
similarity index 72%
rename from frontend/src/components/Transactions/TransactionLink.vue
rename to frontend/src/components/Transactions/TransactionLinkSummary.vue
index 5c261adbf..f24bb8a06 100644
--- a/frontend/src/components/Transactions/TransactionLink.vue
+++ b/frontend/src/components/Transactions/TransactionLinkSummary.vue
@@ -24,7 +24,7 @@
       </div>
 
       <b-collapse :class="visible ? 'bg-secondary' : ''" class="pb-4 pt-5" v-model="visible">
-        <collapse-links-list />
+        <collapse-links-list :transactionLinks="transactionLinks" />
       </b-collapse>
     </div>
   </div>
@@ -36,6 +36,7 @@ import AmountAndNameRow from '../TransactionRows/AmountAndNameRow'
 import LinkCountRow from '../TransactionRows/LinkCountRow'
 import DecayRow from '../TransactionRows/DecayRow'
 import CollapseLinksList from '../DecayInformations/CollapseLinksList'
+import { listTransactionLinks } from '@/graphql/queries'
 
 export default {
   name: 'TransactionSlotLink',
@@ -64,7 +65,30 @@ export default {
   data() {
     return {
       visible: false,
+      transactionLinks: [],
     }
   },
+  methods: {
+    async listTransactionLinks(pagination) {
+      this.$apollo
+        .query({
+          query: listTransactionLinks,
+          variables: {
+            currentPage: 1,
+            pageSize: 5,
+          },
+          fetchPolicy: 'network-only',
+        })
+        .then((result) => {
+          this.transactionLinks = result.data
+        })
+        .catch((err) => {
+          this.toastError(err.message)
+        })
+    },
+  },
+  created() {
+    this.listTransactionLinks()
+  },
 }
 </script>