ChannelPeerNote.tsx raw
1 import { AlertCircleIcon } from "lucide-react";
2 import { Alert, AlertDescription, AlertTitle } from "src/components/ui/alert";
3 import { RecommendedChannelPeer } from "src/types";
4
5 type ChannelPeerNoteProps = {
6 peer: RecommendedChannelPeer;
7 };
8
9 export function ChannelPeerNote({ peer }: ChannelPeerNoteProps) {
10 return (
11 <Alert>
12 <AlertCircleIcon />
13 <AlertTitle>
14 Please note when opening a channel with {peer.name}
15 </AlertTitle>
16 <AlertDescription>{peer.note}</AlertDescription>
17 </Alert>
18 );
19 }
20