From 897c185ba66fa2840c28729f84984f50a1415fb1 Mon Sep 17 00:00:00 2001
From: Moriz Wahl <moriz.wahl@gmx.de>
Date: Wed, 12 May 2021 02:32:35 +0200
Subject: [PATCH] Transaction result as component

---
 .../views/Pages/AccountOverview/GddSend.vue   | 44 +++++--------------
 .../GddSend/TransactionForm.vue               |  2 +
 .../GddSend/TransactionResult.vue             | 38 ++++++++++++++++
 3 files changed, 50 insertions(+), 34 deletions(-)
 create mode 100644 frontend/src/views/Pages/AccountOverview/GddSend/TransactionResult.vue

diff --git a/frontend/src/views/Pages/AccountOverview/GddSend.vue b/frontend/src/views/Pages/AccountOverview/GddSend.vue
index 3fabc616f..dd7518b2c 100644
--- a/frontend/src/views/Pages/AccountOverview/GddSend.vue
+++ b/frontend/src/views/Pages/AccountOverview/GddSend.vue
@@ -14,51 +14,25 @@
       @send-transaction="sendTransaction"
       @on-reset="onReset"
     ></transaction-confirmation>
-    <b-row v-show="row_thx">
-      <b-col>
-        <b-card class="p-0 p-md-3" style="background-color: #ebebeba3 !important">
-          <div class="display-2 p-4">
-            {{ $t('form.thx') }}
-            <hr />
-            {{ $t('form.send_transaction_success') }}
-          </div>
-
-          <p class="text-center">
-            <b-button variant="success" @click="onReset">{{ $t('form.close') }}</b-button>
-          </p>
-        </b-card>
-      </b-col>
-    </b-row>
-    <b-row v-show="row_error">
-      <b-col>
-        <b-card class="p-0 p-md-3" style="background-color: #ebebeba3 !important">
-          <div class="display-2 p-4">
-            {{ $t('form.sorry') }}
-            <hr />
-            {{ $t('form.send_transaction_error') }}
-          </div>
-          <p class="text-center">
-            <b-button variant="success" @click="onReset">{{ $t('form.close') }}</b-button>
-          </p>
-        </b-card>
-      </b-col>
-    </b-row>
+    <transaction-result
+      v-if="row_thx || row_error"
+      :error="error"
+      @on-reset="onReset"
+    ></transaction-result>
   </div>
 </template>
-
 <script>
-// import { QrcodeDropZone } from 'vue-qrcode-reader'
 import TransactionForm from './GddSend/TransactionForm.vue'
 import TransactionConfirmation from './GddSend/TransactionConfirmation.vue'
+import TransactionResult from './GddSend/TransactionResult.vue'
 import communityAPI from '../../../apis/communityAPI.js'
 
 export default {
   name: 'GddSend',
   components: {
-    // QrcodeDropZone,
     TransactionForm,
     TransactionConfirmation,
-    //    QrCode,
+    TransactionResult,
   },
   props: {
     balance: { type: Number, default: 0 },
@@ -72,7 +46,7 @@ export default {
         target_date: '',
         memo: '',
       },
-      send: false,
+      error: false,
       row_check: false,
       row_thx: false,
       row_error: false,
@@ -98,12 +72,14 @@ export default {
         this.row_check = false
         this.row_thx = true
         this.row_error = false
+        this.error = false
         this.$emit('update-balance', { ammount: this.transactionData.amount })
       } else {
         this.$emit('toggle-show-list', true)
         this.row_check = false
         this.row_thx = false
         this.row_error = true
+        this.error = true
       }
     },
     onReset() {
diff --git a/frontend/src/views/Pages/AccountOverview/GddSend/TransactionForm.vue b/frontend/src/views/Pages/AccountOverview/GddSend/TransactionForm.vue
index 38866bcc2..62b910bcd 100644
--- a/frontend/src/views/Pages/AccountOverview/GddSend/TransactionForm.vue
+++ b/frontend/src/views/Pages/AccountOverview/GddSend/TransactionForm.vue
@@ -125,6 +125,7 @@
 </template>
 <script>
 // import QrCode from './QrCode'
+// import { QrcodeDropZone } from 'vue-qrcode-reader'
 import { BIcon } from 'bootstrap-vue'
 
 export default {
@@ -132,6 +133,7 @@ export default {
   components: {
     BIcon,
     //    QrCode,
+    // QrcodeDropZone,
   },
   props: {
     balance: { type: Number, default: 0 },
diff --git a/frontend/src/views/Pages/AccountOverview/GddSend/TransactionResult.vue b/frontend/src/views/Pages/AccountOverview/GddSend/TransactionResult.vue
new file mode 100644
index 000000000..11d52fef5
--- /dev/null
+++ b/frontend/src/views/Pages/AccountOverview/GddSend/TransactionResult.vue
@@ -0,0 +1,38 @@
+<template>
+  <b-row v-if="!error">
+    <b-col>
+      <b-card class="p-0 p-md-3" style="background-color: #ebebeba3 !important">
+        <div class="display-2 p-4">
+          {{ $t('form.thx') }}
+          <hr />
+          {{ $t('form.send_transaction_success') }}
+        </div>
+        <p class="text-center">
+          <b-button variant="success" @click="$emit('on-reset')">{{ $t('form.close') }}</b-button>
+        </p>
+      </b-card>
+    </b-col>
+  </b-row>
+  <b-row v-else>
+    <b-col>
+      <b-card class="p-0 p-md-3" style="background-color: #ebebeba3 !important">
+        <div class="display-2 p-4">
+          {{ $t('form.sorry') }}
+          <hr />
+          {{ $t('form.send_transaction_error') }}
+        </div>
+        <p class="text-center">
+          <b-button variant="success" @click="$emit('on-reset')">{{ $t('form.close') }}</b-button>
+        </p>
+      </b-card>
+    </b-col>
+  </b-row>
+</template>
+<script>
+export default {
+  name: 'TransactionResult',
+  props: {
+    error: { type: Boolean, default: true },
+  },
+}
+</script>