fix: show component status and reason in sidebar

Fixes #2370
flanksource · Oct 25, 2024 · 40e28ee · 40e28ee
1 parent 38183bf
commit 40e28ee
Showing 1 changed file with 24 additions and 0 deletions.
diff --git a/src/components/Topology/Sidebar/TopologyDetails.tsx b/src/components/Topology/Sidebar/TopologyDetails.tsx
@@ -1,3 +1,4 @@
+import { Status } from "@flanksource-ui/components/Status";
 import { useMemo } from "react";
 import { BsCardList } from "react-icons/bs";
 import { Link } from "react-router-dom";
@@ -180,6 +181,29 @@ export default function TopologyDetails({
           ]}
         />
 
+        {topology.health && (
+          <DisplayDetailsRow
+            items={[
+              {
+                label: "Status",
+                value: (
+                  <>
+                    <Status
+                      status={topology.health}
+                      statusText={topology.health}
+                    />
+                    {topology.status_reason && (
+                      <p className="ml-1 text-sm text-gray-600">
+                        {topology.status_reason}
+                      </p>
+                    )}
+                  </>
+                )
+              }
+            ]}
+          />
+        )}
+
         <DisplayGroupedProperties items={formattedProperties} />
 
         {formattedLabels.length > 0 && (