aljaz/mutiny-web
1
0
Fork 0
mirror of https://github.com/aljazceru/mutiny-web.git synced 2026-01-02 22:04:32 +01:00
Code Issues Packages Projects Releases Wiki Activity

Show unconfirmed balance

Browse Source
This commit is contained in:
Paul Miller
2023-04-10 17:32:43 -05:00
parent 1df7cd9aa3
commit 2face6a2b7
1 changed files with 15 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/BalanceBox.tsx
View File

@@ -1,5 +1,4 @@
import { Motion, Presence } from "@motionone/solid";
import { MutinyBalance } from "@mutinywallet/node-manager";
import { createResource, Show, Suspense } from "solid-js";
import { ButtonLink } from "~/components/Button";
@@ -12,10 +11,6 @@ function prettyPrintAmount(n?: number | bigint): string {
return n.toLocaleString()
}
function prettyPrintBalance(b: MutinyBalance): string {
return prettyPrintAmount(b.confirmed.valueOf() + b.lightning.valueOf() + b.unconfirmed.valueOf())
}
export default function BalanceBox() {
const [state, _] = useMegaStore();
@@ -48,8 +43,21 @@ export default function BalanceBox() {
<h1 class='text-4xl font-light'>
<Suspense fallback={"..."}>
<Show when={balance()}>
{/* TODO: no-non-null-asssertion but type narrowing just isn't working */}
{prettyPrintBalance(balance()!)} <span class='text-xl'>SAT</span>
<div class="flex flex-col gap-4">
<div>
{prettyPrintAmount(balance()?.confirmed)} <span class='text-xl'>SAT</span>
</div>
<Show when={balance()?.unconfirmed}>
<div class="flex flex-col gap-2">
<header class='text-sm font-semibold uppercase text-white/50'>
Unconfirmed Balance
</header>
<div class="text-white/50">
{prettyPrintAmount(balance()?.unconfirmed)} <span class='text-xl'>SAT</span>
</div>
</div>
</Show>
</div>
</Show>
</Suspense>
</h1>