From 7f24bc06731b2bd147f0ff1dede804a77584c4f1 Mon Sep 17 00:00:00 2001
From: ogerly <landmatrosen@googlemail.com>
Date: Fri, 7 May 2021 11:18:02 +0200
Subject: [PATCH] befor merge master

---
 frontend/src/views/Pages/AccountOverview.vue  | 13 ++++++-----
 .../views/Pages/AccountOverview/GddTable.vue  |  5 -----
 .../Pages/AccountOverview/GddTableFooter.vue  | 22 +++++++++++++++++++
 3 files changed, 30 insertions(+), 10 deletions(-)
 create mode 100644 frontend/src/views/Pages/AccountOverview/GddTableFooter.vue

diff --git a/frontend/src/views/Pages/AccountOverview.vue b/frontend/src/views/Pages/AccountOverview.vue
index a9bc7852a..37045cd6e 100644
--- a/frontend/src/views/Pages/AccountOverview.vue
+++ b/frontend/src/views/Pages/AccountOverview.vue
@@ -17,6 +17,7 @@
         :max="5"
         @update-transactions="updateTransactions"
       />
+      <gdd-table-footer :count="count"/>
     </b-container>
   </div>
 </template>
@@ -24,9 +25,16 @@
 import GddStatus from './AccountOverview/GddStatus.vue'
 import GddSend from './AccountOverview/GddSend.vue'
 import GddTable from './AccountOverview/GddTable.vue'
+import GddTableFooter from './AccountOverview/GddTableFooter.vue'
 
 export default {
   name: 'Overview',
+  components: {
+    GddStatus,
+    GddSend,
+    GddTable,
+    GddTableFooter,
+  },
   data() {
     return {
       showTransactionList: true,
@@ -39,11 +47,6 @@ export default {
       default: () => [],
     },
   },
-  components: {
-    GddStatus,
-    GddSend,
-    GddTable,
-  },
   methods: {
     toggleShowList(bool) {
       this.showTransactionList = bool
diff --git a/frontend/src/views/Pages/AccountOverview/GddTable.vue b/frontend/src/views/Pages/AccountOverview/GddTable.vue
index 84a049537..ca8b9fcab 100644
--- a/frontend/src/views/Pages/AccountOverview/GddTable.vue
+++ b/frontend/src/views/Pages/AccountOverview/GddTable.vue
@@ -92,11 +92,6 @@
         <b-alert v-if="transactions.length === 0" show variant="secondary">
           <span class="alert-text">{{ $t('transaction.nullTransactions') }}</span>
         </b-alert>
-        <router-link
-          v-else-if="transactions.length > 5"
-          to="/transactions"
-          v-html="$t('transaction.show_all', { count: count })"
-        ></router-link>
       </b-list-group-item>
     </b-list-group>
   </div>
diff --git a/frontend/src/views/Pages/AccountOverview/GddTableFooter.vue b/frontend/src/views/Pages/AccountOverview/GddTableFooter.vue
new file mode 100644
index 000000000..682f060d4
--- /dev/null
+++ b/frontend/src/views/Pages/AccountOverview/GddTableFooter.vue
@@ -0,0 +1,22 @@
+<template>
+  <div>
+    <b-list-group>
+      <b-list-group-item >
+        <router-link
+          to="/transactions"
+          v-html="$t('transaction.show_all', { count: count })"
+        ></router-link>
+      </b-list-group-item>
+    </b-list-group>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'GddTableFooter',
+  props: {
+    count: { count: Number },
+  },
+}
+</script>
+