denozord/MikrotikManager
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 104 Wiki Activity

fix(ui): сделать названия колонок потоков понятнее

Browse Source
This commit is contained in:
Denozordec committed 2026-10-11 18:41:06 +07:00
1 parent 555bd31596
commit 655ea9727f
9 files changed
+240 -21
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

components/data-grids/traffic-flows-data-grid.tsx
+8 -8
View File
@@ -37,14 +37,14 @@ function packetTuple(row: FlowTalkerDto): string {
function FlowDirectionMark({ direction }: { direction: FlowTalkerDto["direction"] }) {
if (direction === "to_client") {
return (
<span className="inline-flex text-muted-foreground" title="Download: интернет → клиент">
<span className="inline-flex text-muted-foreground" title="Получение: Интернет → клиент">
<ArrowDownIcon className="size-3" />
</span>
)
}
if (direction === "from_client") {
return (
<span className="inline-flex text-muted-foreground" title="Upload: клиент → интернет">
<span className="inline-flex text-muted-foreground" title="Отправка: клиент → Интернет">
<ArrowUpIcon className="size-3" />
</span>
)
@@ -82,14 +82,14 @@ function TrafficFlowsDataGrid({
{
id: "server",
accessorKey: "serverName",
header: () => <span className="text-xs font-medium text-muted-foreground">JH</span>,
header: () => <span className="text-xs font-medium text-muted-foreground">Экспортёр</span>,
cell: ({ row }) => <span className="text-sm font-medium">{row.original.serverName}</span>,
meta: { headerClassName: DATA_GRID_CELL_PAD, cellClassName: DATA_GRID_CELL_PAD },
},
{
id: "direction",
accessorFn: (r) => r.direction ?? "",
header: () => <span className="text-xs font-medium text-muted-foreground">Напр.</span>,
header: () => <span className="text-xs font-medium text-muted-foreground">Направление</span>,
cell: ({ row }) => <FlowDirectionMark direction={row.original.direction} />,
meta: { headerClassName: DATA_GRID_CELL_PAD, cellClassName: DATA_GRID_CELL_PAD },
},
@@ -112,7 +112,7 @@ function TrafficFlowsDataGrid({
{
id: "app",
accessorFn: (r) => r.application ?? r.protoName,
header: () => <span className="text-xs font-medium text-muted-foreground">App</span>,
header: () => <span className="text-xs font-medium text-muted-foreground">Приложение</span>,
cell: ({ row }) => (
<span className="flex min-w-0 flex-col gap-0.5 text-xs">
<span>{row.original.application ?? row.original.protoName}</span>
@@ -128,7 +128,7 @@ function TrafficFlowsDataGrid({
{
id: "proto",
accessorKey: "protoName",
header: () => <span className="text-xs font-medium text-muted-foreground">Proto</span>,
header: () => <span className="text-xs font-medium text-muted-foreground">Протокол</span>,
cell: ({ row }) => <span className="text-xs">{row.original.protoName}</span>,
meta: { headerClassName: DATA_GRID_CELL_PAD, cellClassName: DATA_GRID_CELL_PAD },
},
@@ -149,7 +149,7 @@ function TrafficFlowsDataGrid({
{
id: "en",
accessorFn: (r) => r.enName ?? "",
header: () => <span className="text-xs font-medium text-muted-foreground">EN</span>,
header: () => <span className="text-xs font-medium text-muted-foreground">Выходной узел</span>,
cell: ({ row }) => <span className="text-xs">{row.original.enName || "—"}</span>,
meta: { headerClassName: DATA_GRID_CELL_PAD, cellClassName: DATA_GRID_CELL_PAD },
},
@@ -163,7 +163,7 @@ function TrafficFlowsDataGrid({
{
id: "iface",
accessorKey: "inIface",
header: () => <span className="text-xs font-medium text-muted-foreground">Iface</span>,
header: () => <span className="text-xs font-medium text-muted-foreground">Интерфейс</span>,
cell: ({ row }) => <span className="font-mono text-xs text-muted-foreground">{row.original.inIface || "—"}</span>,
meta: { headerClassName: DATA_GRID_CELL_PAD_LAST, cellClassName: cn(DATA_GRID_CELL_PAD_LAST) },
},