25 lines
2.4 KiB
TypeScript
25 lines
2.4 KiB
TypeScript
"use client"
|
|
import type { BgpSessionRow } from "@/lib/bgp/types"
|
|
import { fmtBgpNum } from "@/lib/bgp/helpers"
|
|
|
|
function BgpSessionDetail({ session }: { session: BgpSessionRow }) {
|
|
return <div className="sticky left-0 w-[calc(100vw-2rem)] max-w-full md:static md:w-auto px-4 pb-4 pt-2 bg-muted/20 border-t border-border/60">
|
|
{session.state === "Unknown" && <p role="status" className="mb-3 text-xs text-muted-foreground">Состояние сессии неизвестно. Значения относятся к последнему полученному снимку.</p>}
|
|
<div className="grid grid-cols-2 lg:grid-cols-4 gap-4 mb-4">
|
|
{[
|
|
{ label: "Router ID", value: session.routerId || "—" },
|
|
{ label: "Hold / KA", value: (session.holdTime === null ? "—" : session.holdTime + "s") + " / " + (session.keepalive === null ? "—" : session.keepalive + "s") },
|
|
{ label: "AFI/SAFI", value: session.afi },
|
|
{ label: "Сообщения ↓/↑", value: fmtBgpNum(session.inputMessages) + " / " + fmtBgpNum(session.outputMessages) },
|
|
{ label: "Префиксов получено", value: fmtBgpNum(session.prefixesRx) },
|
|
{ label: "Префиксов отправлено", value: fmtBgpNum(session.prefixesTx) },
|
|
{ label: "Активных маршрутов", value: session.prefixesActive === null ? "Нет данных API" : fmtBgpNum(session.prefixesActive) },
|
|
].map(({ label, value }) => <div key={label}><p className="text-[10px] text-muted-foreground mb-0.5">{label}</p><p className="text-xs font-mono font-medium break-words">{value}</p></div>)}
|
|
</div>
|
|
{session.capabilities.length > 0 && <div className="mb-4"><p className="text-[10px] text-muted-foreground mb-1.5">Capabilities</p><div className="flex flex-wrap gap-1.5">{session.capabilities.map((cap, i) => <span key={i} className="rounded px-1.5 py-0.5 text-[10px] border bg-muted/60 text-muted-foreground">{cap}</span>)}</div></div>}
|
|
{session.lastError && <p className="mb-4 rounded-md border border-destructive/20 px-3 py-2 text-xs font-mono text-destructive break-words">{session.lastError}</p>}
|
|
<p className="text-xs text-muted-foreground">API возвращает состояние сессии. Конфигурация connection, routing-table и фильтров для экспорта здесь не получена.</p>
|
|
</div>
|
|
}
|
|
export { BgpSessionDetail }
|