From c1ba769b200aaa9199ea462ec7735898ce4ce63b Mon Sep 17 00:00:00 2001
From: Kia Lam <digitalanime@gmail.com>
Date: Wed, 7 Sep 2022 12:28:18 -0700
Subject: [PATCH] Add enabled and disabled node states to legend.

---
 awx/ui/src/screens/TopologyView/Legend.js | 62 ++++++++++++++++++++++-
 1 file changed, 61 insertions(+), 1 deletion(-)

diff --git a/awx/ui/src/screens/TopologyView/Legend.js b/awx/ui/src/screens/TopologyView/Legend.js
index c57cba43da..57a5b147ae 100644
--- a/awx/ui/src/screens/TopologyView/Legend.js
+++ b/awx/ui/src/screens/TopologyView/Legend.js
@@ -102,7 +102,7 @@ function Legend() {
         </DescriptionListGroup>
       </DescriptionList>
       <TextContent>
-        <Text component={TextVariants.small}>{t`Status types`}</Text>
+        <Text component={TextVariants.small}>{t`Node state types`}</Text>
       </TextContent>
       <DescriptionList isHorizontal isFluid>
         <DescriptionListGroup>
@@ -175,6 +175,66 @@ function Legend() {
           </DescriptionListTerm>
           <DescriptionListDescription>{t`Error`}</DescriptionListDescription>
         </DescriptionListGroup>
+        <DescriptionListGroup>
+          <DescriptionListTerm>
+            <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg">
+              <circle
+                r="9"
+                cx="10"
+                cy="10"
+                fill="transparent"
+                stroke-width="1px"
+                stroke="#ccc"
+              ></circle>
+              <text
+                x="10"
+                y="10"
+                text-anchor="middle"
+                dominant-baseline="central"
+                fill="black"
+                font-size="11px"
+                font-family="inherit"
+                font-weight="400"
+              >
+                C
+              </text>
+            </svg>
+          </DescriptionListTerm>
+          <DescriptionListDescription>{t`Enabled`}</DescriptionListDescription>
+        </DescriptionListGroup>
+        <DescriptionListGroup>
+          <DescriptionListTerm>
+            <svg width="20" height="20" xmlns="http://www.w3.org/2000/svg">
+              <circle
+                r="9"
+                cx="10"
+                cy="10"
+                fill="transparent"
+                stroke-dasharray="3"
+                stroke-width="1px"
+                stroke="#ccc"
+              ></circle>
+              <text
+                x="10"
+                y="10"
+                text-anchor="middle"
+                dominant-baseline="central"
+                fill="black"
+                font-size="11px"
+                font-family="inherit"
+                font-weight="400"
+              >
+                C
+              </text>
+            </svg>
+          </DescriptionListTerm>
+          <DescriptionListDescription>{t`Disabled`}</DescriptionListDescription>
+        </DescriptionListGroup>
+      </DescriptionList>
+      <TextContent>
+        <Text component={TextVariants.small}>{t`Link state types`}</Text>
+      </TextContent>
+      <DescriptionList isHorizontal isFluid>
         <DescriptionListGroup>
           <DescriptionListTerm>
             <svg width="20" height="15" xmlns="http://www.w3.org/2000/svg">