Skip to content

Commit

Permalink
chore: add reset routing data dialog
Browse files Browse the repository at this point in the history
  • Loading branch information
@im-adithya
im-adithya committed Aug 13, 2024
1 parent d63fa20 commit 8364b1b
Showing 1 changed file with 156 additions and 81 deletions.
237 changes: 156 additions & 81 deletions frontend/src/screens/channels/Channels.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,17 @@ import { ChannelsTable } from "src/components/channels/ChannelsTable.tsx";
import EmptyState from "src/components/EmptyState.tsx";
import ExternalLink from "src/components/ExternalLink";
import Loading from "src/components/Loading.tsx";
import {
AlertDialog,
AlertDialogAction,
AlertDialogCancel,
AlertDialogContent,
AlertDialogDescription,
AlertDialogFooter,
AlertDialogHeader,
AlertDialogTitle,
AlertDialogTrigger,
} from "src/components/ui/alert-dialog";
import {
Alert,
AlertDescription,
Expand All @@ -40,8 +51,16 @@ import {
DropdownMenuSeparator,
DropdownMenuTrigger,
} from "src/components/ui/dropdown-menu.tsx";
import { Label } from "src/components/ui/label";
import { LoadingButton } from "src/components/ui/loading-button.tsx";
import { CircleProgress } from "src/components/ui/progress.tsx";
import {
Select,
SelectContent,
SelectItem,
SelectTrigger,
SelectValue,
} from "src/components/ui/select";
import {
Tooltip,
TooltipContent,
Expand All @@ -66,6 +85,25 @@ import { cn } from "src/lib/utils.ts";
import { Channel, Node, UpdateChannelRequest } from "src/types";
import { request } from "src/utils/request";

const RESET_KEY_OPTIONS = [
{
value: "ALL",
label: "All",
},
{
value: "LatestRgsSyncTimestamp",
label: "LatestRgsSyncTimestamp",
},
{
value: "Scorer",
label: "Scorer",
},
{
value: "NetworkGraph",
label: "NetworkGraph",
},
];

export default function Channels() {
useSyncWallet();
const { data: channels, mutate: reloadChannels } = useChannels();
Expand All @@ -79,6 +117,7 @@ export default function Channels() {
const { toast } = useToast();
const [drainingAlbySharedFunds, setDrainingAlbySharedFunds] =
React.useState(false);
const [resetKey, setResetKey] = React.useState<string>();
const isDesktop = useIsDesktop();

const nodeHealth = channels ? getNodeHealth(channels) : 0;
Expand Down Expand Up @@ -150,29 +189,20 @@ export default function Channels() {

async function resetRouter() {
try {
const key = prompt(
"Enter key to reset (choose one of ALL, LatestRgsSyncTimestamp, Scorer, NetworkGraph). After resetting, you'll need to re-enter your unlock password.",
"ALL"
);
if (!key) {
console.error("Cancelled reset");
return;
}

await request("/api/reset-router", {
method: "POST",
body: JSON.stringify({ key }),
body: JSON.stringify({ key: resetKey }),
headers: {
"Content-Type": "application/json",
},
});
await reloadInfo();
toast({ description: "🎉 Router reset" });
toast({ title: "🎉 Router reset" });
} catch (error) {
console.error(error);
toast({
variant: "destructive",
description: "Something went wrong: " + error,
title: "Something went wrong: " + error,
});
}
}
Expand All @@ -187,78 +217,123 @@ export default function Channels() {
description="Manage your lightning node"
contentRight={
<div className="flex gap-3 items-center justify-center">
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button variant="outline" size="default">
Advanced
<ChevronDown />
</Button>
</DropdownMenuTrigger>
<DropdownMenuContent className="w-56">
<DropdownMenuGroup>
<DropdownMenuItem>
<div
className="flex flex-row gap-4 items-center w-full cursor-pointer"
onClick={() => {
if (!nodeConnectionInfo) {
return;
}
copyToClipboard(nodeConnectionInfo.pubkey);
}}
>
<div>Node</div>
<div className="overflow-hidden text-ellipsis flex-1">
{nodeConnectionInfo?.pubkey || "Loading..."}
<AlertDialog>
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button variant="outline" size="default">
Advanced
<ChevronDown />
</Button>
</DropdownMenuTrigger>
<DropdownMenuContent className="w-56">
<DropdownMenuGroup>
<DropdownMenuItem>
<div
className="flex flex-row gap-4 items-center w-full cursor-pointer"
onClick={() => {
if (!nodeConnectionInfo) {
return;
}
copyToClipboard(nodeConnectionInfo.pubkey);
}}
>
<div>Node</div>
<div className="overflow-hidden text-ellipsis flex-1">
{nodeConnectionInfo?.pubkey || "Loading..."}
</div>
{nodeConnectionInfo && (
<CopyIcon className="shrink-0 w-4 h-4" />
)}
</div>
{nodeConnectionInfo && (
<CopyIcon className="shrink-0 w-4 h-4" />
)}
</div>
</DropdownMenuItem>
</DropdownMenuGroup>
<DropdownMenuGroup>
</DropdownMenuItem>
</DropdownMenuGroup>
<DropdownMenuGroup>
<DropdownMenuSeparator />
<DropdownMenuItem>
<Link
to="/channels/onchain/deposit-bitcoin"
className="w-full"
>
Deposit Bitcoin
</Link>
</DropdownMenuItem>
{(balances?.onchain.spendable || 0) > ONCHAIN_DUST_SATS && (
<DropdownMenuItem
onClick={redeemOnchainFunds.redeemFunds}
disabled={redeemOnchainFunds.isLoading}
className="w-full cursor-pointer"
>
Withdraw Savings Balance
{redeemOnchainFunds.isLoading && <Loading />}
</DropdownMenuItem>
)}
</DropdownMenuGroup>
<DropdownMenuSeparator />
<DropdownMenuItem>
<Link
to="/channels/onchain/deposit-bitcoin"
className="w-full"
>
Deposit Bitcoin
</Link>
</DropdownMenuItem>
{(balances?.onchain.spendable || 0) > ONCHAIN_DUST_SATS && (
<DropdownMenuItem
onClick={redeemOnchainFunds.redeemFunds}
disabled={redeemOnchainFunds.isLoading}
className="w-full cursor-pointer"
>
Withdraw Savings Balance
{redeemOnchainFunds.isLoading && <Loading />}
<DropdownMenuGroup>
<DropdownMenuLabel>Management</DropdownMenuLabel>
<DropdownMenuItem>
<Link className="w-full" to="/peers">
Connected Peers
</Link>
</DropdownMenuItem>
<DropdownMenuItem>
<Link className="w-full" to="/wallet/sign-message">
Sign Message
</Link>
</DropdownMenuItem>
)}
</DropdownMenuGroup>
<DropdownMenuSeparator />
<DropdownMenuGroup>
<DropdownMenuLabel>Management</DropdownMenuLabel>
<DropdownMenuItem>
<Link className="w-full" to="/peers">
Connected Peers
</Link>
</DropdownMenuItem>
<DropdownMenuItem>
<Link className="w-full" to="/wallet/sign-message">
Sign Message
</Link>
</DropdownMenuItem>
<DropdownMenuItem
className="w-full cursor-pointer"
onClick={resetRouter}
>
Clear Routing Data
</DropdownMenuItem>
</DropdownMenuGroup>
</DropdownMenuContent>
</DropdownMenu>
<AlertDialogTrigger asChild>
<DropdownMenuItem className="w-full cursor-pointer">
Clear Routing Data
</DropdownMenuItem>
</AlertDialogTrigger>
</DropdownMenuGroup>
</DropdownMenuContent>
</DropdownMenu>
<AlertDialogContent>
<AlertDialogHeader>
<AlertDialogTitle>Clear Routing Data</AlertDialogTitle>
<AlertDialogDescription>
<div>
<p>Are you sure you want to clear your routing data?</p>
<div className="grid gap-2 mt-4">
<Label className="text-primary">
Routing Data to Clear
</Label>
<Select
name="resetKey"
value={resetKey}
onValueChange={(value) => setResetKey(value)}
>
<SelectTrigger>
<SelectValue placeholder="Select Data" />
</SelectTrigger>
<SelectContent>
{RESET_KEY_OPTIONS.map((resetKey) => (
<SelectItem
key={resetKey.value}
value={resetKey.value}
>
{resetKey.label}
</SelectItem>
))}
</SelectContent>
</Select>
</div>
<p className="text-primary font-medium mt-4">
After clearing, you'll need to login again to restart
your node.
</p>
</div>
</AlertDialogDescription>
</AlertDialogHeader>
<AlertDialogFooter>
<AlertDialogCancel>Cancel</AlertDialogCancel>
<AlertDialogAction disabled={!resetKey} onClick={resetRouter}>
Confirm
</AlertDialogAction>
</AlertDialogFooter>
</AlertDialogContent>
</AlertDialog>
<Link to="/channels/outgoing">
<Button>Open Channel</Button>
</Link>
Expand Down

0 comments on commit 8364b1b

Please sign in to comment.