🐛 Fix donut tooltip (#1604)

Resolves https://issues.redhat.com/browse/MTA-1860 <img width="409" alt="Screenshot 2023-12-11 at 10 40 32 AM" src="https://github.com/konveyor/tackle2-ui/assets/11218376/e7753285-9b71-4c1f-b5b8-5b071feb18bc"> Signed-off-by: ibolton336 <ibolton@redhat.com>
konveyor · Dec 11, 2023 · 1f99dd0 · 1f99dd0
1 parent 0c1d91a
commit 1f99dd0
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
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
@@ -148,6 +148,7 @@ export const ApplicationLandscape: React.FC<IApplicationLandscapeProps> = ({
               riskLabel={
                 <Link to={getRisksUrl(["red"])}>{t("terms.highRisk")}</Link>
               }
+              riskTitle={t("terms.highRisk")}
               riskDescription={questionnaire?.riskMessages?.red ?? ""}
             />
           </FlexItem>
@@ -163,6 +164,7 @@ export const ApplicationLandscape: React.FC<IApplicationLandscapeProps> = ({
                   {t("terms.mediumRisk")}
                 </Link>
               }
+              riskTitle={t("terms.mediumRisk")}
               riskDescription={questionnaire?.riskMessages?.yellow ?? ""}
             />
           </FlexItem>
@@ -176,6 +178,7 @@ export const ApplicationLandscape: React.FC<IApplicationLandscapeProps> = ({
               riskLabel={
                 <Link to={getRisksUrl(["green"])}>{t("terms.lowRisk")}</Link>
               }
+              riskTitle={t("terms.lowRisk")}
               riskDescription={questionnaire?.riskMessages?.green ?? ""}
             />
           </FlexItem>
@@ -191,6 +194,7 @@ export const ApplicationLandscape: React.FC<IApplicationLandscapeProps> = ({
                   {`${t("terms.unassessed")}/${t("terms.unknown")}`}
                 </Link>
               }
+              riskTitle={t("terms.unassessed")}
             />
           </FlexItem>
         </Flex>

diff --git a/client/src/app/pages/reports/components/donut/donut.tsx b/client/src/app/pages/reports/components/donut/donut.tsx
@@ -18,7 +18,8 @@ export interface IDonutProps {
   total: number;
   color: string;
   riskLabel: string | React.ReactElement;
-  riskDescription?: string | React.ReactElement;
+  riskDescription?: string;
+  riskTitle: string;
   isAssessment: boolean;
 }
 
@@ -29,6 +30,7 @@ export const Donut: React.FC<IDonutProps> = ({
   color,
   riskLabel,
   isAssessment,
+  riskTitle,
 }) => {
   const { t } = useTranslation();
 
@@ -50,7 +52,7 @@ export const Donut: React.FC<IDonutProps> = ({
             }
             constrainToVisibleArea={true}
             data={[
-              { x: riskLabel, y: value },
+              { x: riskTitle, y: value },
               { x: t("terms.other"), y: total - value },
             ]}
             labels={({ datum }) => `${datum.x}: ${datum.y}`}