diff --git a/src/pages/Clusters/pages/Node/Node.tsx b/src/pages/Clusters/pages/Node/Node.tsx index efb2be4..d31da70 100644 --- a/src/pages/Clusters/pages/Node/Node.tsx +++ b/src/pages/Clusters/pages/Node/Node.tsx @@ -22,6 +22,8 @@ import { Metrics } from "metrics/metrics"; import { LegendDisplayMode } from "@grafana/schema"; import { CPUThrottlingPanel } from "pages/Workloads/components/CPUThrottlingPanel"; import { MatchOperators } from "common/promql"; +import { NetworkUsagePanel } from "pages/Workloads/components/NetworkUsagePanel"; +import Heading from "components/Heading"; function getScene(node: string) { return new EmbeddedScene({ @@ -65,6 +67,32 @@ function getScene(node: string) { }) ] }), + new SceneFlexLayout({ + direction: 'row', + children: [ + new Heading({ title: 'Network'}) + ] + }), + new SceneFlexLayout({ + direction: 'row', + height: 300, + children: [ + new SceneFlexItem({ + body: NetworkUsagePanel({ + node: { + operator: MatchOperators.EQUALS, + value: node + } + }) + }) + ] + }), + new SceneFlexLayout({ + direction: 'row', + children: [ + new Heading({ title: 'Pods'}) + ] + }), new SceneFlexLayout({ direction: 'row', children: [ @@ -234,7 +262,7 @@ function getPods(node: string) { }, ] - return getPodsScene(staticLabelFilters, false, false) + return getPodsScene(staticLabelFilters, true, true) } export function NodePage(routeMatch: SceneRouteMatch, parent: SceneAppPageLike) {