From 1e8b995ec4f0a9add626f282accf768e5fe0bb5e Mon Sep 17 00:00:00 2001
From: BrunoQuaresma <bruno_nonato_quaresma@hotmail.com>
Date: Thu, 2 Nov 2023 19:16:47 +0000
Subject: [PATCH] fix(site): fix health tooltip on deployment bar

---
 .../DeploymentBanner/DeploymentBannerView.tsx        | 12 ++++++------
 site/src/testHelpers/entities.ts                     |  2 +-
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/site/src/components/Dashboard/DeploymentBanner/DeploymentBannerView.tsx b/site/src/components/Dashboard/DeploymentBanner/DeploymentBannerView.tsx
index 27b391d717360..fe742c9b9c495 100644
--- 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
index c55e30e0acb45..0a8cf0e1b3ff2 100644
--- 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 },