aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/Balance.svelte
diff options
context:
space:
mode:
authorAdam Soltys <[email protected]>2024-11-29 11:38:38 -0800
committerAdam Soltys <[email protected]>2024-11-29 11:38:38 -0800
commit6e6a9e9aa0ab44ef9a316c0fe6ad9abb80f8d7b0 (patch)
tree7cbae6cd5bb1cd2ed18176af2ae990839b843bbb /src/components/Balance.svelte
parentb01f143ee659fb71dfcc2d1cc21b835879ba8b55 (diff)
downloadcoinos-ui-6e6a9e9aa0ab44ef9a316c0fe6ad9abb80f8d7b0.tar.gz
coinos-ui-6e6a9e9aa0ab44ef9a316c0fe6ad9abb80f8d7b0.zip
strip commas on paste
Diffstat (limited to 'src/components/Balance.svelte')
-rw-r--r--src/components/Balance.svelte15
1 files changed, 3 insertions, 12 deletions
diff --git a/src/components/Balance.svelte b/src/components/Balance.svelte
index 28bd69b3..a80664dc 100644
--- a/src/components/Balance.svelte
+++ b/src/components/Balance.svelte
@@ -1,4 +1,5 @@
<script>
+ import Amount from "$comp/Amount.svelte";
import Pin from "$comp/Pin.svelte";
import { loc, f, toFiat, s, si, sat, sats } from "$lib/utils";
import { pin } from "$lib/store";
@@ -6,6 +7,7 @@
let show = $state();
let { user, rate, balance } = $props();
+ let { currency } = $derived(user);
let locale = loc(user);
let toggleShow = (e) => {
e.preventDefault();
@@ -25,18 +27,7 @@
<div class="my-auto">{$t("user.showBalance")}</div>
</button>
{:else}
- <div class="text-4xl font-bold flex items-center">
- <iconify-icon icon="ph:lightning-fill" width="32" class="text-yellow-300"
- ></iconify-icon>
- {s(balance, locale)}
- </div>
- <div class="text-secondary text-xl">
- {#if isNaN(rate)}
- <div class="text-gray-200">&mdash;</div>
- {:else}
- {f(toFiat(balance, rate), user.currency, locale)}
- {/if}
- </div>
+ <Amount amount={balance} {rate} {currency} {locale} align="left" />
{/if}
</div>