diff --git a/pkg/ui/workspaces/db-console/src/views/cluster/containers/nodeGraphs/dashboards/graphTooltips.tsx b/pkg/ui/workspaces/db-console/src/views/cluster/containers/nodeGraphs/dashboards/graphTooltips.tsx index f562127c9de6..730454fc98bf 100644 --- a/pkg/ui/workspaces/db-console/src/views/cluster/containers/nodeGraphs/dashboards/graphTooltips.tsx +++ b/pkg/ui/workspaces/db-console/src/views/cluster/containers/nodeGraphs/dashboards/graphTooltips.tsx @@ -169,3 +169,10 @@ export const CircuitBreakerTrippedEventsTooltip: React.FC = () => ( export const PausedFollowersTooltip: React.FC = () => (
The number of nonessential followers that have replication paused.
); + +export const ReceiverSnapshotsQueuedTooltip: React.FC = () => ( +
+ The number of snapshots queued to be applied on a receiver which can only{" "} + send/accept 1 at a time per store. +
+); diff --git a/pkg/ui/workspaces/db-console/src/views/cluster/containers/nodeGraphs/dashboards/replication.tsx b/pkg/ui/workspaces/db-console/src/views/cluster/containers/nodeGraphs/dashboards/replication.tsx index 5411bd8d5d99..f3c7e34606c6 100644 --- a/pkg/ui/workspaces/db-console/src/views/cluster/containers/nodeGraphs/dashboards/replication.tsx +++ b/pkg/ui/workspaces/db-console/src/views/cluster/containers/nodeGraphs/dashboards/replication.tsx @@ -25,6 +25,7 @@ import { CircuitBreakerTrippedReplicasTooltip, LogicalBytesGraphTooltip, PausedFollowersTooltip, + ReceiverSnapshotsQueuedTooltip, } from "src/views/cluster/containers/nodeGraphs/dashboards/graphTooltips"; import { cockroach } from "src/js/protos"; import TimeSeriesQueryAggregator = cockroach.ts.tspb.TimeSeriesQueryAggregator; @@ -179,13 +180,45 @@ export default function (props: GraphDashboardProps) { + {_.map(nodeIDs, nid => ( + <> + + + + + ))} + + , + + {_.map(nodeIDs, nid => ( ))} @@ -241,5 +274,76 @@ export default function (props: GraphDashboardProps) { ))} , + + + + + + + + + + , + + + + + + + + + + , ]; }