diff --git a/pkg/ui/src/util/docs.ts b/pkg/ui/src/util/docs.ts index dbb7f80ab270..72879b3e4fe8 100644 --- a/pkg/ui/src/util/docs.ts +++ b/pkg/ui/src/util/docs.ts @@ -64,6 +64,9 @@ export const statementsSql = docsURL( export const statementsRetries = docsURL( "transactions.html#transaction-retries", ); +export const transactionRetryErrorReference = docsURL( + "transaction-retry-error-reference.html", +); export const statementsTimeInterval = docsURL( "admin-ui-statements-page.html#time-interval", ); diff --git a/pkg/ui/src/views/cluster/containers/nodeGraphs/dashboards/distributed.tsx b/pkg/ui/src/views/cluster/containers/nodeGraphs/dashboards/distributed.tsx index e49838a9976e..8d064690176f 100644 --- a/pkg/ui/src/views/cluster/containers/nodeGraphs/dashboards/distributed.tsx +++ b/pkg/ui/src/views/cluster/containers/nodeGraphs/dashboards/distributed.tsx @@ -86,51 +86,6 @@ export default function (props: GraphDashboardProps) { , - - - - - - - - - - - - , - ); + +export const TransactionRestartsToolTip: React.FC<{ + tooltipSelection?: string; +}> = ({ tooltipSelection }) => ( +
+ The number of transactions restarted broken down by errors{" "} + {tooltipSelection}. Refer to the transaction retry error reference{" "} + documentation{" "} + for more details. +
+); diff --git a/pkg/ui/src/views/cluster/containers/nodeGraphs/dashboards/sql.tsx b/pkg/ui/src/views/cluster/containers/nodeGraphs/dashboards/sql.tsx index 9e0ca0071bbc..17b864ab397c 100644 --- a/pkg/ui/src/views/cluster/containers/nodeGraphs/dashboards/sql.tsx +++ b/pkg/ui/src/views/cluster/containers/nodeGraphs/dashboards/sql.tsx @@ -19,7 +19,10 @@ import { } from "src/views/shared/components/metricQuery"; import { GraphDashboardProps, nodeDisplayName } from "./dashboardUtils"; -import { StatementDenialsClusterSettingsTooltip } from "src/views/cluster/containers/nodeGraphs/dashboards/graphTooltips"; +import { + StatementDenialsClusterSettingsTooltip, + TransactionRestartsToolTip, +} from "src/views/cluster/containers/nodeGraphs/dashboards/graphTooltips"; export default function (props: GraphDashboardProps) { const { nodeIDs, nodesSummary, nodeSources, tooltipSelection } = props; @@ -305,6 +308,57 @@ export default function (props: GraphDashboardProps) {
, + + } + > + + + + + + + + + + + , +