From 21e3e9faf6e86359d055a57fbaa2178c0a491869 Mon Sep 17 00:00:00 2001
From: Ian Bolton <ibolton@redhat.com>
Date: Thu, 14 Dec 2023 20:00:10 -0500
Subject: [PATCH] :bug: Add risk description when available (#1617)

Resolves https://issues.redhat.com/browse/MTA-1868

Signed-off-by: ibolton336 <ibolton@redhat.com>
---
 client/src/app/pages/reports/components/donut/donut.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/client/src/app/pages/reports/components/donut/donut.tsx b/client/src/app/pages/reports/components/donut/donut.tsx
index 60b0ef040a..6d5c72eb29 100644
--- a/client/src/app/pages/reports/components/donut/donut.tsx
+++ b/client/src/app/pages/reports/components/donut/donut.tsx
@@ -10,6 +10,7 @@ import {
   StackItem,
   Text,
   TextContent,
+  TextVariants,
 } from "@patternfly/react-core";
 
 export interface IDonutProps {
@@ -31,6 +32,7 @@ export const Donut: React.FC<IDonutProps> = ({
   riskLabel,
   isAssessment,
   riskTitle,
+  riskDescription,
 }) => {
   const { t } = useTranslation();
 
@@ -63,6 +65,12 @@ export const Donut: React.FC<IDonutProps> = ({
       <StackItem style={{ width: "100%" }}>
         <TextContent className="pf-v5-u-text-align-center">
           <Text component="h3">{riskLabel}</Text>
+          <Text
+            component={TextVariants.small}
+            className="pf-v5-u-color-200 pf-v5-u-font-weight-light"
+          >
+            {riskDescription}
+          </Text>
         </TextContent>
       </StackItem>
     </Stack>