diff --git a/site/src/pages/HealthPage/AccessURLPage.tsx b/site/src/pages/HealthPage/AccessURLPage.tsx index 0a4c3b7894e74..d39ed5e504ee2 100644 --- a/site/src/pages/HealthPage/AccessURLPage.tsx +++ b/site/src/pages/HealthPage/AccessURLPage.tsx @@ -2,6 +2,7 @@ import { useOutletContext } from "react-router-dom"; import { Header, HeaderTitle, + HealthMessageDocsLink, Main, GridData, GridDataLabel, @@ -35,7 +36,11 @@ export const AccessURLPage = () => {
{accessUrl.warnings.map((warning) => { return ( - + {warning.message} ); diff --git a/site/src/pages/HealthPage/Content.tsx b/site/src/pages/HealthPage/Content.tsx index fda3b8f7c44a3..33548e5011909 100644 --- a/site/src/pages/HealthPage/Content.tsx +++ b/site/src/pages/HealthPage/Content.tsx @@ -9,9 +9,11 @@ import { import CheckCircleOutlined from "@mui/icons-material/CheckCircleOutlined"; import ErrorOutline from "@mui/icons-material/ErrorOutline"; import { healthyColor } from "./healthyColor"; +import { docs } from "utils/docs"; import { css } from "@emotion/css"; import DoNotDisturbOnOutlined from "@mui/icons-material/DoNotDisturbOnOutlined"; -import { HealthSeverity } from "api/typesGenerated"; +import { HealthMessage, HealthSeverity } from "api/typesGenerated"; +import Link from "@mui/material/Link"; import { useTheme } from "@mui/material/styles"; const CONTENT_PADDING = 36; @@ -242,3 +244,15 @@ export const Logs = (props: LogsProps) => { ); }; + +export const HealthMessageDocsLink = (msg: HealthMessage) => { + return ( + + Docs for {msg.code} + + ); +}; diff --git a/site/src/pages/HealthPage/DERPPage.tsx b/site/src/pages/HealthPage/DERPPage.tsx index d64547c786ec2..c3771ad280b77 100644 --- a/site/src/pages/HealthPage/DERPPage.tsx +++ b/site/src/pages/HealthPage/DERPPage.tsx @@ -2,6 +2,7 @@ import { Link, useOutletContext } from "react-router-dom"; import { Header, HeaderTitle, + HealthMessageDocsLink, Main, SectionLabel, BooleanPill, @@ -59,7 +60,11 @@ export const DERPPage = () => {
{derp.warnings.map((warning: HealthMessage) => { return ( - + {warning.message} ); diff --git a/site/src/pages/HealthPage/DERPRegionPage.tsx b/site/src/pages/HealthPage/DERPRegionPage.tsx index 35503c3f39388..2449250fd6ac1 100644 --- a/site/src/pages/HealthPage/DERPRegionPage.tsx +++ b/site/src/pages/HealthPage/DERPRegionPage.tsx @@ -17,6 +17,7 @@ import { pageTitle } from "utils/page"; import { Header, HeaderTitle, + HealthMessageDocsLink, Main, BooleanPill, Pill, @@ -75,7 +76,11 @@ export const DERPRegionPage: FC = () => {
{warnings.map((warning: HealthMessage) => { return ( - + {warning.message} ); diff --git a/site/src/pages/HealthPage/DatabasePage.tsx b/site/src/pages/HealthPage/DatabasePage.tsx index 62f3d316e346d..1bd5a0a15e708 100644 --- a/site/src/pages/HealthPage/DatabasePage.tsx +++ b/site/src/pages/HealthPage/DatabasePage.tsx @@ -2,6 +2,7 @@ import { useOutletContext } from "react-router-dom"; import { Header, HeaderTitle, + HealthMessageDocsLink, Main, GridData, GridDataLabel, @@ -35,7 +36,11 @@ export const DatabasePage = () => {
{database.warnings.map((warning) => { return ( - + {warning.message} ); diff --git a/site/src/pages/HealthPage/ProvisionerDaemonsPage.tsx b/site/src/pages/HealthPage/ProvisionerDaemonsPage.tsx index 9c11ed0d706fe..34cb72a84c53e 100644 --- a/site/src/pages/HealthPage/ProvisionerDaemonsPage.tsx +++ b/site/src/pages/HealthPage/ProvisionerDaemonsPage.tsx @@ -3,6 +3,7 @@ import { Header, HeaderTitle, HealthyDot, + HealthMessageDocsLink, Main, Pill, } from "./Content"; @@ -42,7 +43,11 @@ export const ProvisionerDaemonsPage = () => {
{daemons.warnings.map((warning) => { return ( - + {warning.message} ); diff --git a/site/src/pages/HealthPage/WorkspaceProxyPage.tsx b/site/src/pages/HealthPage/WorkspaceProxyPage.tsx index a60175410ee40..d3798052dc2e8 100644 --- a/site/src/pages/HealthPage/WorkspaceProxyPage.tsx +++ b/site/src/pages/HealthPage/WorkspaceProxyPage.tsx @@ -3,6 +3,7 @@ import { BooleanPill, Header, HeaderTitle, + HealthMessageDocsLink, HealthyDot, Main, Pill, @@ -44,7 +45,11 @@ export const WorkspaceProxyPage = () => { )} {workspace_proxy.warnings.map((warning) => { return ( - + {warning.message} );