diff --git a/app/(main)/network-map/page.tsx b/app/(main)/network-map/page.tsx index 2baafef..c582b2f 100644 --- a/app/(main)/network-map/page.tsx +++ b/app/(main)/network-map/page.tsx @@ -67,6 +67,7 @@ import { CableIcon, CopyIcon, ActivityIcon, ExternalLinkIcon, } from "lucide-react" import { cn } from "@/lib/utils" +import { formatServicePathLabel, formatServicePathTitle } from "@/lib/format-service-path-label" import Link from "next/link" import { Flag } from "@/components/flag" @@ -820,9 +821,15 @@ function ServicePathList({ {paths.map((p) => { const rowKey = servicePathKey(p) const via = servers.find((s) => s.id === p.viaId) - const viaLabel = via?.site || p.viaName + const en = servers.find((s) => s.id === p.enId) const svc = services.find((s) => s.id === p.serviceId) - const mid = viaMode === "via" ? viaLabel : (svc?.label ?? p.serviceId) + const label = formatServicePathLabel(p, viaMode, { + viaName: via?.name, + viaSite: via?.site, + enName: en?.name, + serviceLabel: svc?.label, + }) + const title = formatServicePathTitle(label, svc?.label ?? p.serviceId) const active = Boolean( highlight && highlight.viaId === p.viaId @@ -833,13 +840,14 @@ function ServicePathList({