blob: da26f6de62be3d64100457bcd812edc2206f22be (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
|
<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";
import { t } from "$lib/translations";
let show = $state();
let { user, rate, balance } = $props();
let { currency } = $derived(user);
let locale = loc(user);
let toggleShow = (e) => {
e.preventDefault();
e.stopPropagation();
show = !show;
};
</script>
{#if show && user.haspin && $pin?.length !== 6}
<Pin cancel={() => (show = false)} />
{/if}
<div>
{#if user.haspin && !$pin}
<button onclick={toggleShow} class="flex gap-2 text-xl">
<iconify-icon noobserver icon="ph:eye-slash-bold" width="32"></iconify-icon>
<div class="my-auto">{$t("user.showBalance")}</div>
</button>
{:else if !isNaN(rate)}
<Amount amount={balance} {rate} {currency} {locale} align="left" />
{:else}
<div class="text-gray-200">—</div>
{/if}
</div>
|
