From d4d11a93a6cfb3660acd66305861f33345c3841a Mon Sep 17 00:00:00 2001
From: Philipp Piwo <github@piwo.space>
Date: Thu, 22 Apr 2021 16:51:49 +0200
Subject: [PATCH] adjustments for renamed endpoints

---
 src/components/TipInput.vue              | 11 ++++++++---
 src/components/UserInfo.vue              |  6 +++---
 src/components/layout/Overview.vue       |  8 ++++----
 src/components/tipRecords/TipPreview.vue | 10 +++++-----
 src/components/tipRecords/TipRecord.vue  |  2 +-
 src/views/Landing.vue                    |  8 ++++----
 6 files changed, 25 insertions(+), 20 deletions(-)

diff --git a/src/components/TipInput.vue b/src/components/TipInput.vue
index fe77e4125..90d4625ef 100644
--- a/src/components/TipInput.vue
+++ b/src/components/TipInput.vue
@@ -16,7 +16,7 @@
       />
     </Component>
     <Dropdown
-      v-if="!userAddress && tipUrlStats && tipUrlStats.tokenTotalAmount.length"
+      v-if="showTokenDropdown"
       v-slot="{ option }"
       :options="tipUrlStats.tokenTotalAmount"
       show-right
@@ -115,11 +115,16 @@ export default {
         const urlStats = stats && stats.urlStats.find(({ url }) => url === this.tipUrl);
         return {
           isTipped: urlStats ? urlStats.senders.includes(this.address) : false,
-          totalAmount: urlStats ? urlStats.totalamount : '0',
-          tokenTotalAmount: urlStats ? urlStats.totaltokenamount : [],
+          totalAmount: urlStats ? urlStats.totalAmount : '0',
+          tokenTotalAmount: urlStats ? urlStats.totalTokenAmount : [],
         };
       },
     }),
+    showTokenDropdown() {
+      return !this.userAddress
+        && this.tipUrlStats
+        && this.tipUrlStats.tokenTotalAmount.length > (this.tipAmount.token ? 1 : 0);
+    },
     largestFtTipAmount() {
       return this.tipUrlStats.tokenTotalAmount.length
         ? this.tipUrlStats.tokenTotalAmount.reduce(
diff --git a/src/components/UserInfo.vue b/src/components/UserInfo.vue
index f2038e2cc..68d7764ea 100644
--- a/src/components/UserInfo.vue
+++ b/src/components/UserInfo.vue
@@ -297,14 +297,14 @@ export default {
     tipStats() {
       return [
         {
-          value: this.userStats.totaltipslength,
+          value: this.userStats.totalTipsLength,
           title: this.$t('views.UserProfileView.TipsSent'),
-          amount: this.userStats.totalamount,
+          amount: this.userStats.totalAmount,
         },
         {
           value: this.userStats.urlStats?.totaltipslength,
           title: this.$t('views.UserProfileView.TipsReceived'),
-          amount: this.userStats.urlStats?.totalamount,
+          amount: this.userStats.urlStats?.totalAmount,
         },
       ];
     },
diff --git a/src/components/layout/Overview.vue b/src/components/layout/Overview.vue
index d3babb4e0..82ab7f08b 100644
--- a/src/components/layout/Overview.vue
+++ b/src/components/layout/Overview.vue
@@ -4,7 +4,7 @@
     class="overview"
   >
     <div class="value">
-      {{ stats.totaltipslength }}
+      {{ stats.totalTipsLength }}
     </div>
     <div class="label">
       {{ $t('components.layout.Overview.TipsAggregated') }}
@@ -18,14 +18,14 @@
     </div>
 
     <div class="value">
-      {{ stats.senderslength }}
+      {{ stats.sendersLength }}
     </div>
     <div class="label">
       {{ $t('components.layout.Overview.UniqueTipSenders') }}
     </div>
 
     <AeAmountFiat
-      :amount="stats.totalamount"
+      :amount="stats.totalAmount"
       class="value"
     />
     <div class="label">
@@ -33,7 +33,7 @@
     </div>
 
     <AeAmountFiat
-      :amount="stats.totalclaimedamount"
+      :amount="stats.totalClaimedAmount"
       class="value"
     />
     <div class="label">
diff --git a/src/components/tipRecords/TipPreview.vue b/src/components/tipRecords/TipPreview.vue
index bac5728ee..0b78be3e2 100644
--- a/src/components/tipRecords/TipPreview.vue
+++ b/src/components/tipRecords/TipPreview.vue
@@ -112,7 +112,7 @@
             <Avatar :address="tip.receiver" />
             <div class="tip-author_name">
               <span class="chain-name">
-                {{ tip.ChainName.name }}
+                {{ tip.chainName.name }}
               </span>
               <span class="address">{{ tip.receiver }}</span>
             </div>
@@ -183,16 +183,16 @@ export default {
       }
     },
     tipPreviewDescription() {
-      return this.tip?.LinkPreview?.description || '';
+      return this.tip?.linkPreview?.description || '';
     },
     tipPreviewTitle() {
-      return this.tip?.LinkPreview?.title || '';
+      return this.tip?.linkPreview?.title || '';
     },
     tipPreviewImage() {
-      return this.isPreviewToBeVisualized && this.tip.LinkPreview.image !== null ? Backend.getTipPreviewUrl(this.tip.LinkPreview.image) : '';
+      return this.isPreviewToBeVisualized && this.tip.linkPreview.image !== null ? Backend.getTipPreviewUrl(this.tip.linkPreview.image) : '';
     },
     isPreviewToBeVisualized() {
-      return this.tip.LinkPreview?.description || this.tip.LinkPreview?.title;
+      return this.tip.linkPreview?.description || this.tip.linkPreview?.title;
     },
     richPreviewComponent() {
       return [{
diff --git a/src/components/tipRecords/TipRecord.vue b/src/components/tipRecords/TipRecord.vue
index 117a7ef81..ebb9d9319 100644
--- a/src/components/tipRecords/TipRecord.vue
+++ b/src/components/tipRecords/TipRecord.vue
@@ -8,7 +8,7 @@
         <AuthorAndDate
           :date="tip.timestamp"
           :address="tip.sender"
-          :chain-name="tip.ChainName ? tip.ChainName.name : null"
+          :chain-name="tip.chainName ? tip.chainName.name : null"
         >
           <ThreeDotsMenu v-if="address">
             <div @click="sendReport">
diff --git a/src/views/Landing.vue b/src/views/Landing.vue
index 5f9b1b61c..f01e8376d 100644
--- a/src/views/Landing.vue
+++ b/src/views/Landing.vue
@@ -131,14 +131,14 @@
           >
             <VueAos animation-class="animate__animated animate__delay-1s animate__fadeInUp">
               <div class="sh-col-3 sm-text-box">
-                <h4>{{ stats.totaltipslength }}</h4>
+                <h4>{{ stats.totalTipsLength }}</h4>
                 <p>Tips aggregated</p>
               </div>
             </VueAos>
             <VueAos animation-class="animate__animated animate__delay-2s animate__fadeInUp">
               <div class="sh-col-3 sm-text-box">
                 <h4>
-                  <AeAmount :amount="stats.totalamount" />
+                  <AeAmount :amount="stats.totalAmount" />
                 </h4>
                 <p>Total Tips Value</p>
               </div>
@@ -146,14 +146,14 @@
             <VueAos animation-class="animate__animated animate__delay-3s animate__fadeInUp">
               <div class="sh-col-3 sm-text-box">
                 <h4>
-                  <AeAmount :amount="stats.totalclaimedamount" />
+                  <AeAmount :amount="stats.totalClaimedAmount" />
                 </h4>
                 <p>Total Tips Claimed</p>
               </div>
             </VueAos>
             <VueAos animation-class="animate__animated animate__delay-4s animate__fadeInUp">
               <div class="sh-col-3 sm-text-box">
-                <h4>{{ stats.senderslength }}</h4>
+                <h4>{{ stats.sendersLength }}</h4>
                 <p>Unique Tip Senders</p>
               </div>
             </VueAos>