aljaz/mutiny-web
1
0
Fork 0
mirror of https://github.com/aljazceru/mutiny-web.git synced 2025-12-17 06:14:21 +01:00
Code Issues Packages Projects Releases Wiki Activity

restore swap functionality

Browse Source
This commit is contained in:
Paul Miller
2024-04-27 09:39:30 -05:00
parent 5f474530be
commit d90b39f58d
1 changed files with 24 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/BalanceBox.tsx
View File

@@ -1,5 +1,5 @@
import { useNavigate } from "@solidjs/router";
import { Users } from "lucide-solid";
import { A, useNavigate } from "@solidjs/router";
import { Shuffle, Users } from "lucide-solid";
import { Match, Show, Switch } from "solid-js";
import {
@@ -43,6 +43,9 @@ export function LoadingShimmer(props: { center?: boolean; small?: boolean }) {
);
}
const STYLE =
"px-2 py-1 rounded-xl text-sm flex gap-2 items-center font-semibold";
export function BalanceBox(props: { loading?: boolean; small?: boolean }) {
const [state, _actions] = useMegaStore();
const navigate = useNavigate();
@@ -53,6 +56,9 @@ export function BalanceBox(props: { loading?: boolean; small?: boolean }) {
(state.balance?.unconfirmed || 0n) +
(state.balance?.force_close || 0n);
const usableOnchain = () =>
(state.balance?.confirmed || 0n) + (state.balance?.unconfirmed || 0n);
return (
<VStack>
<Switch>
@@ -84,6 +90,15 @@ export function BalanceBox(props: { loading?: boolean; small?: boolean }) {
/>
</div>
</div>
<Show
when={state.balance?.federation || 0n > 0n}
>
<div class="self-end justify-self-end">
<A href="/swaplightning" class={STYLE}>
<Shuffle class="h-6 w-6" />
</A>
</div>
</Show>
</div>
</Show>
</FancyCard>
@@ -168,6 +183,13 @@ export function BalanceBox(props: { loading?: boolean; small?: boolean }) {
<Show when={state.balance?.unconfirmed === 0n}>
<div />
</Show>
<Show when={usableOnchain() > 0n}>
<div class="self-end justify-self-end">
<A href="/swap" class={STYLE}>
<Shuffle class="h-6 w-6" />
</A>
</div>
</Show>
</div>
</div>
</Show>