From ff5485e5987ea2a325e9c735e7a7aa810ad20f51 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Mon, 28 Nov 2022 11:23:37 +0100
Subject: [PATCH] add GDT in Components

---
 .../src/components/Template/ContentHeader/GdtAmount.vue    | 5 ++++-
 frontend/src/layouts/DashboardLayout.vue                   | 4 ++--
 frontend/src/layouts/templates/ContentHeader.vue           | 7 ++++---
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/Template/ContentHeader/GdtAmount.vue b/frontend/src/components/Template/ContentHeader/GdtAmount.vue
index 0215d7725..cd03dc776 100644
--- a/frontend/src/components/Template/ContentHeader/GdtAmount.vue
+++ b/frontend/src/components/Template/ContentHeader/GdtAmount.vue
@@ -27,7 +27,9 @@
       </b-row>
       <div>
         <b-icon icon="layers" class="mr-3" :variant="badge ? 'success' : 'light'"></b-icon>
-        <span :class="badge ? 'text-success' : 'text-light'">{{ $t('GDT') }}</span>
+        <span :class="badge ? 'text-success' : 'text-light'">
+          {{ $n(GdtBalance, 'decimal') }} {{ $t('GDT') }}
+        </span>
       </div>
     </div>
   </div>
@@ -36,6 +38,7 @@
 export default {
   name: 'GdtAmount',
   props: {
+    GdtBalance: { type: Number, required: true },
     badge: { type: Boolean, default: false },
     showStatus: { type: Boolean, default: false },
   },
diff --git a/frontend/src/layouts/DashboardLayout.vue b/frontend/src/layouts/DashboardLayout.vue
index 1f249c928..2ac3e55ac 100755
--- a/frontend/src/layouts/DashboardLayout.vue
+++ b/frontend/src/layouts/DashboardLayout.vue
@@ -38,7 +38,7 @@
               <b-row class="d-lg-flex" cols="12">
                 <!-- ContentHeader -->
                 <b-col>
-                  <content-header :balance="balance" />
+                  <content-header :balance="balance" :GdtBalance="GdtBalance" />
                 </b-col>
               </b-row>
             </b-col>
@@ -57,7 +57,7 @@
                   <router-view
                     ref="router-view"
                     :balance="balance"
-                    :gdt-balance="GdtBalance"
+                    :GdtBalance="GdtBalance"
                     :transactions="transactions"
                     :transactionCount="transactionCount"
                     :transactionLinkCount="transactionLinkCount"
diff --git a/frontend/src/layouts/templates/ContentHeader.vue b/frontend/src/layouts/templates/ContentHeader.vue
index 65280640c..fd3da15f0 100644
--- a/frontend/src/layouts/templates/ContentHeader.vue
+++ b/frontend/src/layouts/templates/ContentHeader.vue
@@ -25,7 +25,7 @@
         </b-col>
         <b-col cols="6">
           <div>
-            <gdt-amount />
+            <gdt-amount :GdtBalance="GdtBalance" />
           </div>
         </b-col>
       </b-row>
@@ -42,7 +42,7 @@
         <b-col cols="6">
           <div>
             <router-link to="gdt">
-              <gdt-amount />
+              <gdt-amount :GdtBalance="GdtBalance" />
             </router-link>
           </div>
         </b-col>
@@ -60,7 +60,7 @@
         <b-col cols="6">
           <div>
             <router-link to="gdt">
-              <gdt-amount :badge="true" :showStatus="true" />
+              <gdt-amount :badge="true" :showStatus="true" :GdtBalance="GdtBalance" />
             </router-link>
           </div>
         </b-col>
@@ -102,6 +102,7 @@ export default {
   },
   props: {
     balance: { type: Number, required: true },
+    GdtBalance: { type: Number, required: true },
   },
 
   computed: {