fix(site): fix health tooltip on deployment bar (#10502)

BrunoQuaresma · web-flow · commit 01ceb84a2211 · 2023-11-02T21:32:24.000-03:00
Fix #10489
diff --git a/site/src/components/Dashboard/DeploymentBanner/DeploymentBannerView.tsx b/site/src/components/Dashboard/DeploymentBanner/DeploymentBannerView.tsx
@@ -179,20 +179,20 @@ export const DeploymentBannerView: FC<DeploymentBannerViewProps> = (props) => {
                 We have detected problems with your Coder deployment.
               </HelpTooltipTitle>
               <Stack spacing={1}>
-                {health.access_url && (
+                {!health.access_url.healthy && (
                   <HealthIssue>
                     Your access URL may be configured incorrectly.
                   </HealthIssue>
                 )}
-                {health.database && (
+                {!health.database.healthy && (
                   <HealthIssue>Your database is unhealthy.</HealthIssue>
                 )}
-                {health.derp && (
+                {!health.derp.healthy && (
                   <HealthIssue>
                     We&apos;re noticing DERP proxy issues.
                   </HealthIssue>
                 )}
-                {health.websocket && (
+                {!health.websocket.healthy && (
                   <HealthIssue>
                     We&apos;re noticing websocket issues.
                   </HealthIssue>
@@ -406,8 +406,8 @@ const WorkspaceBuildValue: FC<{
 
 const HealthIssue: FC<PropsWithChildren> = ({ children }) => {
   return (
-    <Stack direction="row" spacing={1}>
-      <ErrorIcon fontSize="small" htmlColor={colors.red[10]} />
+    <Stack direction="row" spacing={1} alignItems="center">
+      <ErrorIcon css={{ width: 16, height: 16 }} htmlColor={colors.red[10]} />
       {children}
     </Stack>
   );
diff --git a/site/src/testHelpers/entities.ts b/site/src/testHelpers/entities.ts
@@ -2817,7 +2817,7 @@ export const DeploymentHealthUnhealthy: Health = {
   healthy: false,
   time: "2023-10-12T23:15:00.000000000Z",
   coder_version: "v2.3.0-devel+8cca4915a",
-  access_url: { healthy: false },
+  access_url: { healthy: true },
   database: { healthy: false },
   derp: { healthy: false },
   websocket: { healthy: false },
