Determine UI for Unhealthy

Signed-off-by: Yoshiki Fujikane <[email protected]>
pipe-cd · Dec 26, 2024 · 8e16586 · 8e16586
1 parent 6734011
commit 8e16586
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/web/src/components/application-detail-page/application-detail/health-status-icon/index.tsx b/web/src/components/application-detail-page/application-detail/health-status-icon/index.tsx
@@ -15,6 +15,9 @@ const useStyles = makeStyles((theme) => ({
   other: {
     color: theme.palette.info.main,
   },
+  unhealthy: {
+    color: theme.palette.info.main,
+  },
 }));
 
 export interface ApplicationHealthStatusIconProps {
@@ -31,6 +34,8 @@ export const ApplicationHealthStatusIcon: FC<ApplicationHealthStatusIconProps> =
         return <FavoriteIcon className={classes.healthy} />;
       case ApplicationLiveStateSnapshot.Status.OTHER:
         return <OtherIcon className={classes.other} />;
+      case ApplicationLiveStateSnapshot.Status.UNHEALTHY:
+        return <OtherIcon className={classes.unhealthy} />;
     }
   }
 );
diff --git a/web/src/constants/health-status-text.ts b/web/src/constants/health-status-text.ts
@@ -7,4 +7,5 @@ export const APPLICATION_HEALTH_STATUS_TEXT: Record<
   [ApplicationLiveStateSnapshot.Status.UNKNOWN]: "Unknown",
   [ApplicationLiveStateSnapshot.Status.HEALTHY]: "Healthy",
   [ApplicationLiveStateSnapshot.Status.OTHER]: "Other",
+  [ApplicationLiveStateSnapshot.Status.UNHEALTHY]: "Unhealthy",
 };