From 92dc57905ec21065e03016b99b89bb6dc9a5b7a3 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Thu, 20 Oct 2022 10:00:36 +0100
Subject: [PATCH] adapt styles to new severities

---
 src/pages/index.tsx        | 6 +++---
 src/styles/Home.module.css | 8 ++++----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 1965082..d1eb46d 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -22,11 +22,11 @@ function statusIcon(state: State): ReactElement {
 
 function statusStyle(state: State) {
   if (state === State.Outage) {
-    return styles.down
+    return styles.outage
   } else if (state === State.Degraded) {
-    return styles.warning
+    return styles.degraded
   } else {
-    return styles.up
+    return styles.normal
   }
 }
 
diff --git a/src/styles/Home.module.css b/src/styles/Home.module.css
index 6f3d2ae..d5f7d29 100644
--- a/src/styles/Home.module.css
+++ b/src/styles/Home.module.css
@@ -102,11 +102,11 @@
   stroke: var(--color-primary);
 }
 
-.warning {
+.degraded {
   border-color: var(--brand-alert-yellow);
 }
 
-.down {
+.outage {
   border-color: var(--brand-alert-red);
 }
 
@@ -147,11 +147,11 @@
   list-style-position: outside;
 }
 
-.warning .messages {
+.degraded .messages {
   color: var(--brand-alert-orange);
 }
 
-.down .messages {
+.outage .messages {
   color: var(--brand-alert-red);
 }