Skip to content
This repository was archived by the owner on Sep 2, 2024. It is now read-only.

Commit

Permalink
chore: show topup/increase option ony if available (#541)
Browse files Browse the repository at this point in the history 
Co-authored-by: Roland Bewick <roland.bewick@gmail.com>
  • Loading branch information
@bumi @rolznz
bumi and rolznz authored Jul 1, 2024
1 parent 826aed3 commit ea6829c
Show file tree
Hide file tree
Showing 3 changed files with 84 additions and 71 deletions.
65 changes: 35 additions & 30 deletions frontend/src/screens/wallet/Receive.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,13 +18,15 @@ import { Label } from "src/components/ui/label";
import { LoadingButton } from "src/components/ui/loading-button";
import { useToast } from "src/components/ui/use-toast";
import { useBalances } from "src/hooks/useBalances";
import { useInfo } from "src/hooks/useInfo";
import { useCSRF } from "src/hooks/useCSRF";
import { useTransaction } from "src/hooks/useTransaction";
import { copyToClipboard } from "src/lib/clipboard";
import { CreateInvoiceRequest, Transaction } from "src/types";
import { request } from "src/utils/request";

export default function Receive() {
const { hasChannelManagement } = useInfo();
const { data: balances } = useBalances();
const { data: csrf } = useCSRF();
const { toast } = useToast();
Expand Down Expand Up @@ -212,38 +214,41 @@ export default function Receive() {
</form>
)}
</div>
<Card className="w-full hidden md:block self-start">
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
<CardTitle className="text-sm font-medium">
Receiving Capacity
</CardTitle>
<ArrowDown className="h-4 w-4 text-muted-foreground" />
</CardHeader>
<CardContent>
{!balances && (
<div>
<div className="animate-pulse d-inline ">
<div className="h-2.5 bg-primary rounded-full w-12 my-2"></div>
{hasChannelManagement && (
<Card className="w-full hidden md:block self-start">
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
<CardTitle className="text-sm font-medium">
Receiving Capacity
</CardTitle>
<ArrowDown className="h-4 w-4 text-muted-foreground" />
</CardHeader>
<CardContent>
{!balances && (
<div>
<div className="animate-pulse d-inline ">
<div className="h-2.5 bg-primary rounded-full w-12 my-2"></div>
</div>
</div>
</div>
)}
<div className="text-2xl font-bold">
{balances && (
<>
{new Intl.NumberFormat().format(
Math.floor(balances.lightning.totalReceivable / 1000)
)}{" "}
sats
</>
)}
</div>
</CardContent>
<CardFooter className="flex justify-end">
<Link to="/channels/incoming">
<Button variant="outline">Increase</Button>
</Link>
</CardFooter>
</Card>
<div className="text-2xl font-bold">
{balances && (
<>
{new Intl.NumberFormat().format(
Math.floor(balances.lightning.totalReceivable / 1000)
)}{" "}
sats
</>
)}
</div>
</CardContent>

<CardFooter className="flex justify-end">
<Link to="/channels/incoming">
<Button variant="outline">Increase</Button>
</Link>
</CardFooter>
</Card>
)}
</div>
</div>
);
Expand Down
14 changes: 9 additions & 5 deletions frontend/src/screens/wallet/Send.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,12 +17,14 @@ import { Label } from "src/components/ui/label";
import { LoadingButton } from "src/components/ui/loading-button";
import { useToast } from "src/components/ui/use-toast";
import { useBalances } from "src/hooks/useBalances";
import { useInfo } from "src/hooks/useInfo";
import { useCSRF } from "src/hooks/useCSRF";
import { copyToClipboard } from "src/lib/clipboard";
import { PayInvoiceResponse } from "src/types";
import { request } from "src/utils/request";

export default function Send() {
const { hasChannelManagement } = useInfo();
const { data: balances } = useBalances();
const { data: csrf } = useCSRF();
const { toast } = useToast();
Expand Down Expand Up @@ -221,11 +223,13 @@ export default function Send() {
</div>
)}
</CardContent>
<CardFooter className="flex justify-end">
<Link to="/channels/outgoing">
<Button variant="outline">Top Up</Button>
</Link>
</CardFooter>
{hasChannelManagement && (
<CardFooter className="flex justify-end">
<Link to="/channels/outgoing">
<Button variant="outline">Top Up</Button>
</Link>
</CardFooter>
)}
</Card>
</div>
</div>
Expand Down
76 changes: 40 additions & 36 deletions frontend/src/screens/wallet/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@ import { useBalances } from "src/hooks/useBalances";
import { useInfo } from "src/hooks/useInfo";

function Wallet() {
const { data: info } = useInfo();
const { data: info, hasChannelManagement } = useInfo();
const { data: balances } = useBalances();

if (!info || !balances) {
Expand Down Expand Up @@ -88,44 +88,48 @@ function Wallet() {
</div>
)}
</CardContent>
<CardFooter className="flex justify-end">
<Link to="/channels/outgoing">
<Button variant="outline">Top Up</Button>
</Link>
</CardFooter>
{hasChannelManagement && (
<CardFooter className="flex justify-end">
<Link to="/channels/outgoing">
<Button variant="outline">Top Up</Button>
</Link>
</CardFooter>
)}
</Card>
<Card>
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
<CardTitle className="text-sm font-medium">
Receiving Capacity
</CardTitle>
<ArrowDown className="h-4 w-4 text-muted-foreground" />
</CardHeader>
<CardContent>
{!balances && (
<div>
<div className="animate-pulse d-inline ">
<div className="h-2.5 bg-primary rounded-full w-12 my-2"></div>
{hasChannelManagement && (
<Card>
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
<CardTitle className="text-sm font-medium">
Receiving Capacity
</CardTitle>
<ArrowDown className="h-4 w-4 text-muted-foreground" />
</CardHeader>
<CardContent>
{!balances && (
<div>
<div className="animate-pulse d-inline ">
<div className="h-2.5 bg-primary rounded-full w-12 my-2"></div>
</div>
</div>
</div>
)}
<div className="text-2xl font-bold">
{balances && (
<>
{new Intl.NumberFormat().format(
Math.floor(balances.lightning.totalReceivable / 1000)
)}{" "}
sats
</>
)}
</div>
</CardContent>
<CardFooter className="flex justify-end">
<Link to="/channels/incoming">
<Button variant="outline">Increase</Button>
</Link>
</CardFooter>
</Card>
<div className="text-2xl font-bold">
{balances && (
<>
{new Intl.NumberFormat().format(
Math.floor(balances.lightning.totalReceivable / 1000)
)}{" "}
sats
</>
)}
</div>
</CardContent>
<CardFooter className="flex justify-end">
<Link to="/channels/incoming">
<Button variant="outline">Increase</Button>
</Link>
</CardFooter>
</Card>
)}
</div>

<TransactionsList />
Expand Down

0 comments on commit ea6829c

Please sign in to comment.