From 0a447cd503c76bc105c05349bf75b0e32a64b6fd Mon Sep 17 00:00:00 2001
From: Mikhail <realgoodprogrammer@gmail.com>
Date: Tue, 9 Jul 2024 19:55:21 +0300
Subject: [PATCH] feat: smart balance on account tab. Tooltip

---
 src/components/WalletCard.vue | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/components/WalletCard.vue b/src/components/WalletCard.vue
index b6d561f64..1ea3b7010 100644
--- a/src/components/WalletCard.vue
+++ b/src/components/WalletCard.vue
@@ -21,10 +21,19 @@
           {{ $t('home.balance') }}
         </v-list-item-title>
         <v-list-item-subtitle :class="classes.walletCardSubtitle">
-          {{ xs ? calculatedBalance : calculatedFullBalance }} {{ crypto }}
-          <span v-if="$store.state.rate.isLoaded" class="a-text-regular"
-            >~{{ rate }} {{ currentCurrency }}</span
-          >
+          <p>
+            {{ xs ? calculatedBalance : calculatedFullBalance }} {{ crypto }}
+            <span v-if="$store.state.rate.isLoaded" class="a-text-regular">
+              ~{{ rate }} {{ currentCurrency }}
+            </span>
+            <v-tooltip
+              v-if="xs && calculatedFullBalance.toString().length > SIGNIFICANT_DIGITS"
+              activator="parent"
+              location="top left"
+            >
+              {{ calculatedFullBalance }}
+            </v-tooltip>
+          </p>
         </v-list-item-subtitle>
 
         <template #append>
@@ -56,6 +65,7 @@ import smartNumber from '@/lib/smartNumber'
 import currencyAmount from '@/filters/currencyAmount'
 import { useStore } from 'vuex'
 
+const SIGNIFICANT_DIGITS = 7
 const className = 'wallet-card'
 
 const classes = {
@@ -122,6 +132,7 @@ export default defineComponent({
     })
 
     return {
+      SIGNIFICANT_DIGITS,
       classes,
       calculatedBalance,
       calculatedFullBalance,