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

chore: add view funding transaction #390

Merged
merged 1 commit into from
Jun 6, 2024
Merged

chore: add view funding transaction #390

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
30 changes: 21 additions & 9 deletions frontend/src/screens/channels/Channels.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@ import {
Bitcoin,
ChevronDown,
CopyIcon,
ExternalLinkIcon,
Hotel,
MoreHorizontal,
Trash2,
Expand All @@ -13,6 +14,7 @@ import React from "react";
import { Link } from "react-router-dom";
import AppHeader from "src/components/AppHeader.tsx";
import EmptyState from "src/components/EmptyState.tsx";
import ExternalLink from "src/components/ExternalLink";
import Loading from "src/components/Loading.tsx";
import { Badge } from "src/components/ui/badge.tsx";
import { Button } from "src/components/ui/button.tsx";
Expand Down Expand Up @@ -112,8 +114,9 @@ export default function Channels() {

if (
!confirm(
`Are you sure you want to close the channel with ${nodes.find((node) => node.public_key === nodeId)?.alias ||
"Unknown Node"
`Are you sure you want to close the channel with ${
nodes.find((node) => node.public_key === nodeId)?.alias ||
"Unknown Node"
}?\n\nNode ID: ${nodeId}\n\nChannel ID: ${channelId}`
)
) {
Expand All @@ -129,10 +132,11 @@ export default function Channels() {
return;
}

console.log(`🎬 Closing channel with ${nodeId}`);
console.info(`🎬 Closing channel with ${nodeId}`);

const closeChannelResponse = await request<CloseChannelResponse>(
`/api/peers/${nodeId}/channels/${channelId}?force=${closeType === "force close"
`/api/peers/${nodeId}/channels/${channelId}?force=${
closeType === "force close"
}`,
{
method: "DELETE",
Expand All @@ -150,7 +154,7 @@ export default function Channels() {
const closedChannel = channels?.find(
(c) => c.id === channelId && c.remotePubkey === nodeId
);
console.log("Closed channel", closedChannel);
console.info("Closed channel", closedChannel);
if (closedChannel) {
prompt(
"Closed channel. Copy channel funding TX to view on mempool",
Expand Down Expand Up @@ -293,8 +297,7 @@ export default function Channels() {
</CardHeader>
<CardContent>
<div className="text-2xl font-bold">
{new Intl.NumberFormat().format(albyBalance?.sats)}{" "}
sats
{new Intl.NumberFormat().format(albyBalance?.sats)} sats
</div>
</CardContent>
</Card>
Expand Down Expand Up @@ -466,8 +469,17 @@ export default function Channels() {
</Button>
</DropdownMenuTrigger>
<DropdownMenuContent align="end">
<DropdownMenuItem className="flex flex-row items-center gap-2 cursor-pointer">
<ExternalLink
to={`https://mempool.space/tx/${channel.fundingTxId}`}
className="w-full flex flex-row items-center gap-2"
>
<ExternalLinkIcon className="w-4 h-4" />
<p>View Funding Transaction</p>
</ExternalLink>
</DropdownMenuItem>
<DropdownMenuItem
className="flex flex-row items-center gap-2"
className="flex flex-row items-center gap-2 cursor-pointer"
onClick={() =>
closeChannel(
channel.id,
Expand All @@ -476,7 +488,7 @@ export default function Channels() {
)
}
>
<Trash2 className="text-destructive" />
<Trash2 className="h-4 w-4 text-destructive" />
Close Channel
</DropdownMenuItem>
</DropdownMenuContent>
Expand Down
Loading