move API call for Gdt Transactions into GdtTransactionList

frontend/src/views/Layout/DashboardLayout_gdd.vue

@@ -57,9 +57,6 @@
             :pending="pending"
             @update-balance="updateBalance"
             @update-transactions="updateTransactions"
-            @update-gdt="updateGdt"
-            :transactionsGdt="transactionsGdt"
-            :transactionGdtCount="transactionGdtCount"
           ></router-view>
         </fade-transition>
       </div>
@@ -107,8 +104,6 @@ export default {
       bookedBalance: 0,
       transactionCount: 0,
       pending: true,
-      transactionsGdt: [],
-      transactionGdtCount: 0,
     }
   },
   methods: {
@@ -143,18 +138,12 @@ export default {
         // what to do when loading balance fails?
       }
     },
-    async updateGdt() {
-      const result2 = await communityAPI.transactionsgdt(this.$store.state.sessionId)
-      this.transactionsGdt = result2.result.data.gdtEntries
-      this.transactionGdtCount = result2.result.data.count
-    },
     updateBalance(ammount) {
       this.balance -= ammount
     },
   },
   mounted() {
     this.initScrollbar()
-    this.updateGdt()
   },
 }
 </script>

frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue

@@ -122,6 +122,8 @@
 </template>
 
 <script>
+import communityAPI from '../../../apis/communityAPI'
+
 const iconsByType = {
   1: { icon: 'arrow-left-circle', classes: 'text-success', operator: '+' },
   2: { icon: 'arrow-left-circle', classes: 'text-success', operator: '+' },
@@ -134,9 +136,11 @@ const iconsByType = {
 
 export default {
   name: 'gdt-transaction-list',
-  props: {
-    transactionsGdt: { default: () => [] },
-    transactionGdtCount: { type: Number, default: 0 },
+  data() {
+    return {
+      transactionsGdt: { default: () => [] },
+      transactionGdtCount: { type: Number, default: 0 },
+    }
   },
   methods: {
     getProperties(givenType) {
@@ -152,6 +156,14 @@ export default {
     throwError(msg) {
       throw new Error(msg)
     },
+    async updateGdt() {
+      const result = await communityAPI.transactionsgdt(this.$store.state.sessionId)
+      this.transactionsGdt = result.result.data.gdtEntries
+      this.transactionGdtCount = result.result.data.count
+    },
+  },
+  mounted() {
+    this.updateGdt()
   },
 }
 </script>

frontend/src/views/Pages/UserProfileTransactionList.vue

@@ -16,11 +16,7 @@
       <b-tab :title="'Gradido Transform  (' + $n(GdtBalance, 'decimal') + ' GDT)'" class="px-4">
         <p class="">{{ $t('transaction.gdt-text') }}</p>
 
-        <gdt-transaction-list
-          :transactionsGdt="transactionsGdt"
-          :transactionGdtCount="transactionGdtCount"
-          @update-gdt="updateGdt"
-        />
+        <gdt-transaction-list />
       </b-tab>
     </b-tabs>
   </div>
@@ -42,10 +38,6 @@ export default {
       default: () => [],
     },
     transactionCount: { type: Number, default: 0 },
-    transactionsGdt: {
-      default: () => [],
-    },
-    transactionGdtCount: { type: Number, default: 0 },
   },
   data() {
     return {
@@ -56,9 +48,6 @@ export default {
     updateTransactions(pagination) {
       this.$emit('update-transactions', pagination)
     },
-    updateGdt() {
-      this.$emit('update-gdt')
-    },
   },
 }
 </script>