adam/meshstream
1
0
Fork 0
mirror of https://github.com/dpup/meshstream.git synced 2026-08-04 16:03:05 +02:00
Code Issues Packages Projects Releases Wiki Activity

Linkify node headers

Browse Source
This commit is contained in:
Daniel Pupius
2025-04-29 12:52:33 -07:00
parent 2c37282dab
commit 501c093242
1 changed files with 23 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/components/packets/PacketCard.tsx
+23 -6
View File
@@ -1,6 +1,7 @@
import React, { ReactNode } from "react";
import { Packet } from "../../lib/types";
import { cn } from "@/lib/cn";
import { Link } from "@tanstack/react-router";
interface PacketCardProps {
packet: Packet;
@@ -36,11 +37,17 @@ export const PacketCard: React.FC<PacketCardProps> = ({
className: "h-3.5 w-3.5 text-white",
})}
</div>
<span className="font-semibold text-neutral-200 tracking-wide">
{data.from
? `!${data.from.toString(16).toLowerCase()}`
: "Unknown"}
</span>
{data.from ? (
<Link
to="/node/$nodeId"
params={{ nodeId: data.from.toString(16).toLowerCase() }}
className="font-semibold text-neutral-200 tracking-wide hover:text-blue-400 transition-colors"
>
!{data.from.toString(16).toLowerCase()}
</Link>
) : (
<span className="font-semibold text-neutral-200 tracking-wide">Unknown</span>
)}
{packet.info.channel && (
<>
<span className="text-neutral-500">on</span>
@@ -50,7 +57,17 @@ export const PacketCard: React.FC<PacketCardProps> = ({
{data.gatewayId && (
<>
<span className="text-neutral-500">via</span>
<span className="text-neutral-400">{data.gatewayId}</span>
{data.gatewayId.startsWith('!') ? (
<Link
to="/node/$nodeId"
params={{ nodeId: data.gatewayId.substring(1) }}
className="text-neutral-400 hover:text-blue-400 transition-colors"
>
{data.gatewayId}
</Link>
) : (
<span className="text-neutral-400">{data.gatewayId}</span>
)}
</>
)}
</div>