From 019b0304652ce454c86cd7bb7743dbf31e23c49c Mon Sep 17 00:00:00 2001
From: Moriz Wahl <moriz.wahl@gmx.de>
Date: Thu, 8 Jul 2021 17:52:21 +0200
Subject: [PATCH] fix: Infinite Loop in Transaction List

---
 frontend/src/components/DecayInformation.vue | 74 +++++++++++---------
 1 file changed, 40 insertions(+), 34 deletions(-)

diff --git a/frontend/src/components/DecayInformation.vue b/frontend/src/components/DecayInformation.vue
index 75bda0a18..3b7a939c5 100644
--- a/frontend/src/components/DecayInformation.vue
+++ b/frontend/src/components/DecayInformation.vue
@@ -39,14 +39,20 @@
             </div>
             <div style="width: 60%">
               <div v-if="decay.decay_start_block > 0">{{ $t('decay.since_introduction') }}</div>
-              <i>{{ getDuration(decay.decay_end, decay.decay_start) }}</i>
-              <span v-if="this.duration != {}">
-                <b v-if="duration.years > 0">{{ duration.years }} {{ $t('decay.year') }},</b>
-                <b v-if="duration.months > 0">{{ duration.months }} {{ $t('decay.months') }},</b>
-                <b v-if="duration.days > 0">{{ duration.days }} {{ $t('decay.days') }},</b>
-                <b v-if="duration.hours > 0">{{ duration.hours }} {{ $t('decay.hours') }},</b>
-                <b v-if="duration.minutes > 0">{{ duration.minutes }} {{ $t('decay.minutes') }},</b>
-                <b v-if="duration.seconds > 0">{{ duration.seconds }} {{ $t('decay.seconds') }}</b>
+              <i>{{ getDuration }}</i>
+              <span v-if="getDuration != {}">
+                <b v-if="getDuration.years > 0">{{ getDuration.years }} {{ $t('decay.year') }},</b>
+                <b v-if="getDuration.months > 0">
+                  {{ getDuration.months }} {{ $t('decay.months') }},
+                </b>
+                <b v-if="getDuration.days > 0">{{ getDuration.days }} {{ $t('decay.days') }},</b>
+                <b v-if="getDuration.hours > 0">{{ getDuration.hours }} {{ $t('decay.hours') }},</b>
+                <b v-if="getDuration.minutes > 0">
+                  {{ getDuration.minutes }} {{ $t('decay.minutes') }},
+                </b>
+                <b v-if="getDuration.seconds > 0">
+                  {{ getDuration.seconds }} {{ $t('decay.seconds') }}
+                </b>
               </span>
             </div>
           </div>
@@ -56,30 +62,30 @@
   </div>
 </template>
 <script>
- export default {
-   name: 'DecayInformation',
-   props: {
-     decay: {
-       balance: '',
-       decay_duration: '',
-       decay_start: 0,
-       decay_end: 0,
-       decay_start_block: 0,
-     },
-     decaytyp: { type: String, default: '' },
-   },
-   computed: {
-     decayStartBlockTextShort() {
-       return this.decay.decay_start_block
-            ? ' - Startblock Decay am: ' + this.$d(this.$moment.unix(this.decay.decay_start_block))
-            : ''
-     },
-     getDuration() {
-       const startDate = new Date(this.decay.decay_start)
-       const endDate = new Date(this.decay.decay_end)
-       const diff = this.$moment.duration(startDate.diff(endDate))
-       return diff._data
-     },
-   },
- }
+export default {
+  name: 'DecayInformation',
+  props: {
+    decay: {
+      balance: '',
+      decay_duration: '',
+      decay_start: 0,
+      decay_end: 0,
+      decay_start_block: 0,
+    },
+    decaytyp: { type: String, default: '' },
+  },
+  computed: {
+    decayStartBlockTextShort() {
+      return this.decay.decay_start_block
+        ? ' - Startblock Decay am: ' + this.$d(this.$moment.unix(this.decay.decay_start_block))
+        : ''
+    },
+    getDuration() {
+      const startDate = this.$moment.unix(new Date(this.decay.decay_start))
+      const endDate = this.$moment.unix(new Date(this.decay.decay_end))
+      const diff = this.$moment.duration(startDate.diff(endDate))
+      return diff._data
+    },
+  },
+}
 </script>