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

redesigned send and receive

Browse Source
This commit is contained in:
Paul Miller
2023-05-08 20:55:02 -05:00
parent a440061971
commit 7cb0b0ddb5
21 changed files with 333 additions and 239 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/BalanceBox.tsx
View File

@@ -1,5 +1,5 @@
import { Show, Suspense } from "solid-js";
import { ButtonLink, FancyCard } from "~/components/layout";
import { ButtonLink, FancyCard, Indicator } from "~/components/layout";
import { useMegaStore } from "~/state/megaStore";
import { Amount } from "./Amount";
@@ -10,12 +10,6 @@ function prettyPrintAmount(n?: number | bigint): string {
return n.toLocaleString()
}
function SyncingIndicator() {
return (
<div class="box-border animate-pulse px-2 py-1 -my-1 bg-white/70 rounded text-xs uppercase text-black">Syncing</div>
)
}
export default function BalanceBox() {
const [state, actions] = useMegaStore();
@@ -25,7 +19,7 @@ export default function BalanceBox() {
<Amount amountSats={state.balance?.lightning || 0} showFiat />
</FancyCard>
<FancyCard title="On-Chain" tag={state.is_syncing && <SyncingIndicator />}>
<FancyCard title="On-Chain" tag={state.is_syncing && <Indicator>Syncing</Indicator>}>
<div onClick={actions.sync}>
<Amount amountSats={state.balance?.confirmed} showFiat />
</div>