fix: breadcrumb links

This commit is contained in:
René Aaron 2024-05-06 22:12:54 +02:00
parent d34f0f385d
commit 3531fafb68
3 changed files with 27 additions and 5 deletions

View file

@ -152,7 +152,7 @@ Follow the steps to integrate Mutinynet with your NWC Next setup:
3. During onboarding, after setting your password and authorizing via Alby OAuth, you'll be directed to `/onboarding/lightning/migrate-alby`. Click "Skip For Now" to access your wallet interface
4. Navigate to `channels/onchain/new-address`, copy your On-chain Address, then visit the [Mutinynet Faucet](https://faucet.mutinynet.com/) to deposit sats. Ensure the transaction confirms on [mempool.space](https://mutinynet.com/)
4. Navigate to `channels/onchain/new-address`, copy your On-Chain Address, then visit the [Mutinynet Faucet](https://faucet.mutinynet.com/) to deposit sats. Ensure the transaction confirms on [mempool.space](https://mutinynet.com/)
5. Your On-chain balance will update under `/channels`
@ -160,7 +160,7 @@ Follow the steps to integrate Mutinynet with your NWC Next setup:
1. To create a channel, use the [Mutinynet Faucet](https://faucet.mutinynet.com/) by entering your desired Channel Capacity and Amount to Push
2. Locate your Node ID. In the Wallet click on the status on the top right "online". This shows the node ID or look in the NWC Next logs. Then input this in the Connection String field on the faucet page to request a Lightning Channel
2. Locate your Node ID. In the Wallet click on the status on the top right "online". This shows the node ID or look in the NWC Next logs. Then input this in the Connection String field on the faucet page to request a Lightning Channel
```
{"level":"info","msg":"Connected to LDK node","nodeId":"<your node ID>","time":"<timestamp>"}

View file

@ -216,7 +216,11 @@ function NewChannelInternal({ network }: { network: Network }) {
<Breadcrumb>
<BreadcrumbList>
<BreadcrumbItem>
<BreadcrumbLink href="/channels">Liquidity</BreadcrumbLink>
<BreadcrumbLink asChild>
<Link to="/channels">
Liquidity
</Link>
</BreadcrumbLink>
</BreadcrumbItem>
<BreadcrumbSeparator />
<BreadcrumbItem>

View file

@ -2,8 +2,10 @@ import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@radix
import { Copy, QrCode, RefreshCw } from "lucide-react";
import React from "react";
import QRCode from "react-qr-code";
import { Link } from "react-router-dom";
import AppHeader from "src/components/AppHeader";
import Loading from "src/components/Loading";
import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "src/components/ui/breadcrumb";
import { Button } from "src/components/ui/button";
import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from "src/components/ui/dialog";
import { Input } from "src/components/ui/input";
@ -71,9 +73,25 @@ export default function NewOnchainAddress() {
}
return (
<div className="grid gap-5">
<Breadcrumb>
<BreadcrumbList>
<BreadcrumbItem>
<BreadcrumbLink asChild>
<Link to="/channels">
Liquidity
</Link>
</BreadcrumbLink>
</BreadcrumbItem>
<BreadcrumbSeparator />
<BreadcrumbItem>
<BreadcrumbPage>On-Chain Address</BreadcrumbPage>
</BreadcrumbItem>
</BreadcrumbList>
</Breadcrumb>
<AppHeader
title="On-chain Address"
title="On-Chain Address"
description="Deposit bitcoin into your wallet by sending a transaction"
/>
<div className="grid gap-1.5 max-w-lg">
@ -133,6 +151,6 @@ export default function NewOnchainAddress() {
</TooltipProvider>
</div>
</div>
</div>
</div >
);
}