🐛 Split the reports landscape unknown/unassessed chart

Resolves: https://issues.redhat.com/browse/MTA-2678 On the reports page, split the combine Unknown / Unassessed landscape chart into separate charts. Unknown and unassessed are two different risk states. Signed-off-by: Scott J Dickerson <sdickers@redhat.com>
konveyor · Aug 9, 2024 · b79091a · b79091a
1 parent 2fe8a4d
commit b79091a
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 6 deletions.
diff --git a/client/public/locales/en/translation.json b/client/public/locales/en/translation.json
@@ -485,7 +485,6 @@
     "ticket": "Ticket",
     "trivialButMigratable": "Trivial but migratable",
     "type": "Type",
-    "unassessedOrUnknown": "Unassessed or unknown",
     "unassessed": "Unassessed",
     "unassigned": "Not yet assigned",
     "unknown": "Unknown",

diff --git a/client/src/app/pages/reports/components/application-landscape/application-landscape.tsx b/client/src/app/pages/reports/components/application-landscape/application-landscape.tsx
@@ -190,16 +190,29 @@ export const ApplicationLandscape: React.FC<IApplicationLandscapeProps> = ({
           <FlexItem>
             <Donut
               isAssessment={false}
-              id="landscape-donut-unassessed"
-              value={landscapeData.unassessed + landscapeData.unknown}
+              id="landscape-donut-unknown"
+              value={landscapeData.unknown}
               total={landscapeData.applicationsCount}
               color={RISK_LIST.unknown.hexColor}
               riskLabel={
-                <Link to={getRisksUrl(["unknown"])}>
-                  {`${t("terms.unassessed")}/${t("terms.unknown")}`}
+                <Link to={getRisksUrl(["unknown"])}>{t("terms.unknown")}</Link>
+              }
+              riskTitle={t("terms.unknown")}
+            />
+          </FlexItem>
+          <FlexItem>
+            <Donut
+              isAssessment={false}
+              id="landscape-donut-unassessed"
+              value={landscapeData.unassessed}
+              total={landscapeData.applicationsCount}
+              color={RISK_LIST.unassessed.hexColor}
+              riskLabel={
+                <Link to={getRisksUrl(["unassessed"])}>
+                  {t("terms.unassessed")}
                 </Link>
               }
-              riskTitle={t("terms.unassessedOrUnknown")}
+              riskTitle={t("terms.unassessed")}
             />
           </FlexItem>
         </Flex>