@@ -7,15 +7,19 @@ interface GraphStatsProps {
|
||||
|
||||
export const GraphStats: React.FC<GraphStatsProps> = ({ data }) => {
|
||||
return (
|
||||
<div className="flex gap-4 text-xs text-gray-400">
|
||||
<div
|
||||
className="flex gap-4 text-xs"
|
||||
style={{ color: "var(--text-secondary)" }}
|
||||
>
|
||||
<span>
|
||||
Сервисы: {data.nodes.filter((n) => n.type === "service").length}
|
||||
</span>
|
||||
<span>
|
||||
Агенты: {data.nodes.filter((n) => n.type === "agent").length}
|
||||
</span>
|
||||
<span>Агенты: {data.nodes.filter((n) => n.type === "agent").length}</span>
|
||||
<div className="flex items-center gap-1.5">
|
||||
<div className="w-2 h-2 bg-gray-500 rounded-sm"></div>
|
||||
<div
|
||||
className="w-2 h-2 rounded-sm"
|
||||
style={{ backgroundColor: "var(--text-muted)" }}
|
||||
></div>
|
||||
<span>Связи: {data.links.length}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user