From d7633b53cf7e09a08cd089e4863fd42b003d59d5 Mon Sep 17 00:00:00 2001
From: Keno Dressel <hire@keno.digital>
Date: Thu, 20 Jun 2024 18:11:20 +0200
Subject: [PATCH] fix: table now shows correct and complete values

---
 src/components/explore/TokenTable.vue | 13 +++++++------
 src/views/ExploreView.vue             |  4 ++--
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/components/explore/TokenTable.vue b/src/components/explore/TokenTable.vue
index a37ec17e..94d8e649 100644
--- a/src/components/explore/TokenTable.vue
+++ b/src/components/explore/TokenTable.vue
@@ -10,6 +10,7 @@
 <script>
 import BaseTable from '@/components/explore/BaseTable.vue';
 import { formatUsdPretty } from '@/lib/utils';
+import BigNumber from 'bignumber.js';
 
 export default {
   name: 'TokenTable',
@@ -34,8 +35,8 @@ export default {
           align: 'right',
           sortable: true,
         },
+        { key: 'price', label: 'Price', align: 'right', sortable: true },
         { key: 'tvl', label: 'TVL', align: 'right', sortable: true },
-        { key: 'fdv', label: 'FDV', align: 'right', sortable: true },
         { key: 'priceChangeDay', label: 'Price Change (24h)', align: 'right', sortable: true },
         { key: 'priceChangeMonth', label: 'Price Change (30D)', align: 'right', sortable: true },
         { key: 'volumeDay', label: 'Volume (24h)', align: 'right', sortable: true },
@@ -60,16 +61,16 @@ export default {
           text: formatUsdPretty(token.tvlUsd, 0),
           value: token.tvlUsd,
         },
-        fdv: {
-          text: formatUsdPretty(token.fdvUsd, 0),
-          value: token.fdvUsd,
+        price: {
+          text: formatUsdPretty(token.priceUsd, 0),
+          value: token.priceUsd,
         },
         priceChangeDay: {
-          text: `${token.priceChangeDay}%`,
+          text: `${new BigNumber(token.priceChangeDay).toFixed(2)}%`,
           value: token.priceChangeDay,
         },
         priceChangeMonth: {
-          text: `${token.priceChangeMonth}%`,
+          text: `${new BigNumber(token.priceChangeMonth).toFixed(2)}%`,
           value: token.priceChangeMonth,
         },
         volumeDay: {
diff --git a/src/views/ExploreView.vue b/src/views/ExploreView.vue
index 132b96f0..fa30d11d 100644
--- a/src/views/ExploreView.vue
+++ b/src/views/ExploreView.vue
@@ -63,7 +63,7 @@
       <TransactionTable :transactions="transactionTable" :page-size="20" />
     </div>
     <div v-if="activeTab === 'Tokens'">
-      <TokenTable v-if="activeTab === 'Tokens'" :tokens="tokenTable" />
+      <TokenTable v-if="activeTab === 'Tokens'" :tokens="tokenTable" :page-size="20" />
     </div>
     <DividerLine />
 
@@ -96,7 +96,7 @@ export default defineComponent({
       pairs: [],
       history: [],
       tokenMap: new Map(),
-      activeTab: 'Pairs',
+      activeTab: 'Tokens',
       loading: false,
     };
   },