Skip to main content

Function: getSiteStatusVariant()

getSiteStatusVariant(status: SiteStatus): "error" | "success" | "info" | "warning"

Defined in: shared/utils/siteStatus.ts:229

Maps a SiteStatus value to a UI color variant for status indicators.

Parameters​

status​

SiteStatus

The SiteStatus value to map.

Returns​

"error" | "success" | "info" | "warning"

The color variant: "success", "error", "warning", or "info".

Remarks​

The returned variant is intended for use in UI components (e.g., badges, icons). - "success": All monitors are healthy ("up").

  • "error": All monitors are down or status is unknown ("down" or "unknown"). - "warning": Mixed or paused status ("mixed" or "paused").
  • "info": Pending status ("pending").

Example​

const color = getSiteStatusVariant("up"); // "success"