feat(no-ref): add new incident status (#60)

* 2.0.21 * 2.0.22 * feat(status): shard and incident behaviour updates --------- Co-authored-by: ConnysCode <[email protected]>
xp-bot · Oct 26, 2023 · 586b8f1 · 586b8f1
1 parent 697df53
commit 586b8f1
Show file tree

Hide file tree

Showing 5 changed files with 38 additions and 20 deletions.
diff --git a/components/incident-panel.tsx b/components/incident-panel.tsx
@@ -39,6 +39,7 @@ const borderColor: { [key: string]: string } = {
   Maintenance: "#939cfa",
   "Planned Maintenance": "#939cfa",
   "Implementing Fix": "#e993e0",
+  Monitoring: "#f2c94c",
   Resolved: "#43B581",
 };
 

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "xp-dashboard",
-  "version": "2.0.21",
+  "version": "2.0.22",
   "private": true,
   "scripts": {
     "dev": "next dev",

diff --git a/page-tabs/user-tabs/user-incidents.tsx b/page-tabs/user-tabs/user-incidents.tsx
@@ -256,6 +256,7 @@ const UserTabIncidents: FC<UserTabIncidentsProps> = () => {
                 { id: `Planned Maintenance`, title: `Planned Maintenance` },
                 { id: `Investigating`, title: `Investigating` },
                 { id: `Implementing Fix`, title: `Implementing Fix` },
+                { id: `Monitoring`, title: `Monitoring` },
                 { id: `Reverting Patch`, title: `Reverting Patch` },
                 ...(editIncident
                   ? [{ id: `Resolved`, title: `Resolved` }]

diff --git a/pages/status.tsx b/pages/status.tsx
@@ -36,23 +36,39 @@ const statusToClass = {
 
 const ShardPanel: FC<{
   shard: IIlumAlivePing;
-}> = ({ shard }) => (
-  <div
-    className={`flex h-full w-full grow items-center justify-center whitespace-nowrap rounded-md border border-input-border p-2 px-3 text-center shadow-md ${
-      shard.gateway_connected &&
-      Date.now() - new Date(shard.updated_at).getTime() < 60000
-        ? statusToClass.Stable
-        : Date.now() - new Date(shard.updated_at).getTime() < 90000
-        ? statusToClass.Unstable
-        : statusToClass.Offline
-    }`}
-  >
-    {shard.gateway_connected &&
-    Date.now() - new Date(shard.updated_at).getTime() < 60000
-      ? `Shard ${shard.shard_id} - ${shard.server_count} Servers`
-      : `Shard ${shard.shard_id} - Offline`}
-  </div>
-);
+}> = ({ shard }) => {
+  const statusClass = () => {
+    if (!shard.gateway_connected)
+      return {
+        title: `Shard ${shard.shard_id} - Disconnected`,
+        class: statusToClass.Offline,
+      };
+    if (Date.now() - new Date(shard.updated_at).getTime() < 90000)
+      return {
+        title: `Shard ${shard.shard_id} - ${shard.server_count} Servers`,
+        class: statusToClass.Stable,
+      };
+    if (Date.now() - new Date(shard.updated_at).getTime() < 120000)
+      return {
+        title: `Shard ${shard.shard_id} - Unstable`,
+        class: statusToClass.Unstable,
+      };
+    return {
+      title: `Shard ${shard.shard_id} - Offline`,
+      class: statusToClass.Offline,
+    };
+  };
+
+  return (
+    <div
+      className={`flex h-full w-full grow items-center justify-center whitespace-nowrap rounded-md border border-input-border p-2 px-3 text-center shadow-md ${
+        statusClass().class
+      }`}
+    >
+      {statusClass().title}
+    </div>
+  );
+};
 
 const Status: NextPage<HomeProps> = ({
   incidents: ssgIncidents,