From c77d5fcabac071e570c5b3215fe2d01c2cef56c6 Mon Sep 17 00:00:00 2001
From: Moriz Wahl <moriz.wahl@gmx.de>
Date: Wed, 11 Aug 2021 16:09:36 +0200
Subject: [PATCH 1/2] feat: Add Pagination Buttons to GDT Transaction List

---
 .../AccountOverview/GddTransactionList.vue    |  1 -
 .../AccountOverview/GdtTransactionList.vue    | 42 ++++++++++++++++++-
 2 files changed, 41 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/Pages/AccountOverview/GddTransactionList.vue b/frontend/src/views/Pages/AccountOverview/GddTransactionList.vue
index 237fcc7b0..def483cbf 100644
--- a/frontend/src/views/Pages/AccountOverview/GddTransactionList.vue
+++ b/frontend/src/views/Pages/AccountOverview/GddTransactionList.vue
@@ -110,7 +110,6 @@ export default {
   data() {
     return {
       currentPage: 1,
-      startDecay: 0,
     }
   },
   props: {
diff --git a/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue b/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue
index 9303bd837..d7725e934 100644
--- a/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue
+++ b/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue
@@ -111,23 +111,53 @@
         <!-- Collaps End -->
       </b-list-group-item>
     </b-list-group>
+    <pagination-buttons
+      v-if="transactionGdtCount > pageSize"
+      :has-next="hasNext"
+      :has-previous="hasPrevious"
+      :total-pages="totalPages"
+      :current-page="currentPage"
+      @show-next="showNext"
+      @show-previous="showPrevious"
+    ></pagination-buttons>
   </div>
 </template>
 
 <script>
 import communityAPI from '../../../apis/communityAPI'
+import PaginationButtons from '../../../components/PaginationButtons'
 
 export default {
   name: 'gdt-transaction-list',
+  components: {
+    PaginationButtons,
+  },
   data() {
     return {
       transactionsGdt: { default: () => [] },
       transactionGdtCount: { type: Number, default: 0 },
+      currentPage: 1,
+      pageSize: { type: Number, default: 5 },
     }
   },
+  computed: {
+    hasNext() {
+      return this.currentPage * this.pageSize < this.transactionGdtCount
+    },
+    hasPrevious() {
+      return this.currentPage > 1
+    },
+    totalPages() {
+      return Math.ceil(this.transactionGdtCount / this.pageSize)
+    },
+  },
   methods: {
     async updateGdt() {
-      const result = await communityAPI.transactionsgdt(this.$store.state.sessionId)
+      const result = await communityAPI.transactionsgdt(
+        this.$store.state.sessionId,
+        this.currentPage,
+        this.pageSize,
+      )
       if (result.success) {
         this.transactionsGdt = result.result.data.gdtEntries
         this.transactionGdtCount = result.result.data.count
@@ -135,6 +165,16 @@ export default {
         this.$toasted.error(result.result.message)
       }
     },
+    showNext() {
+      this.currentPage++
+      this.updateGdt()
+      window.scrollTo(0, 0)
+    },
+    showPrevious() {
+      this.currentPage--
+      this.updateGdt()
+      window.scrollTo(0, 0)
+    },
   },
   mounted() {
     this.updateGdt()

From 1d61c6bee33694444ba1f658b955804751009619 Mon Sep 17 00:00:00 2001
From: Moriz Wahl <moriz.wahl@gmx.de>
Date: Wed, 11 Aug 2021 16:41:19 +0200
Subject: [PATCH 2/2] set pageSize to 25

---
 frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue b/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue
index d7725e934..8878c16ec 100644
--- a/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue
+++ b/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue
@@ -137,7 +137,7 @@ export default {
       transactionsGdt: { default: () => [] },
       transactionGdtCount: { type: Number, default: 0 },
       currentPage: 1,
-      pageSize: { type: Number, default: 5 },
+      pageSize: 25,
     }
   },
   computed: {