Tom Fifield
be3117651c
This patch adds basic traceroute display functionality on the Messages page for an individual node.
34 lines
831 B
TypeScript
34 lines
831 B
TypeScript
import type { MessageWithState } from "@app/core/stores/deviceStore.js";
|
|
import type { Protobuf } from "@meshtastic/js";
|
|
import {
|
|
WaypointsIcon,
|
|
ArrowRightLeft,
|
|
} from "lucide-react";
|
|
|
|
export interface TraceRouteProps {
|
|
from?: Protobuf.Mesh.NodeInfo;
|
|
to?: Protobuf.Mesh.NodeInfo;
|
|
route?: Protobuf.Mesh.RouteDiscovery;
|
|
}
|
|
|
|
export const TraceRoute = ({
|
|
from,
|
|
to,
|
|
route,
|
|
}: TraceRouteProps): JSX.Element => {
|
|
return route.length == 0 ? (
|
|
<div className="ml-5 flex">
|
|
<span className="ml-4 border-l-2 border-l-backgroundPrimary pl-2 text-textPrimary">
|
|
{from?.user?.longName}↔{to?.user?.longName}
|
|
</span>
|
|
</div>
|
|
) : (
|
|
<div className="ml-5 flex">
|
|
<span className="ml-4 border-l-2 border-l-backgroundPrimary pl-2 text-textPrimary">
|
|
{route}
|
|
</span>
|
|
</div>
|
|
|
|
);
|
|
};
|