Add option to override description in result renderer

Signed-off-by: ivgo <ivgo@spreadgroup.com>

plugins/tech-insights/src/components/CheckResultRenderer.tsx

@@ -26,6 +26,7 @@ import { BooleanCheck } from './BooleanCheck';
 export type CheckResultRenderer = {
   type: string;
   component: (check: CheckResult) => React.ReactElement;
+  description?: (check: CheckResult) => string | React.ReactElement;
 };
 
 /**

plugins/tech-insights/src/components/ScorecardsList/ScorecardsList.tsx

@@ -38,21 +38,29 @@ export const ScorecardsList = (props: { checkResults: CheckResult[] }) => {
 
   return (
     <List>
-      {checkResults.map((result, index) => (
-        <ListItem key={result.check.id}>
-          <ListItemText
-            key={index}
-            primary={result.check.name}
-            secondary={result.check.description}
-            className={classes.listItemText}
-          />
-          {checkResultRenderers
-            .find(({ type }) => type === result.check.type)
-            ?.component(result) ?? (
-            <Alert severity="error">Unknown type.</Alert>
-          )}
-        </ListItem>
-      ))}
+      {checkResults.map((result, index) => {
+        const description = checkResultRenderers.find(
+          renderer => renderer.type === result.check.type,
+        )?.description;
+
+        return (
+          <ListItem key={result.check.id}>
+            <ListItemText
+              key={index}
+              primary={result.check.name}
+              secondary={
+                description ? description(result) : result.check.description
+              }
+              className={classes.listItemText}
+            />
+            {checkResultRenderers
+              .find(({ type }) => type === result.check.type)
+              ?.component(result) ?? (
+              <Alert severity="error">Unknown type.</Alert>
+            )}
+          </ListItem>
+        );
+      })}
     </List>
   );
 };