@rhc-shared-components/vulnerability-summary

The vulnerability summary component takes two props, a list of vulnerabilities and an image grade. If the image grade is A, an empty state would display, otherwise a summary of vulnerabilities will render in a bar chart form.

Install

npm install --save @rhc-shared-components/vulnerability-summary

Usage

import { VulnerabilitySummary } from "@rhc-shared-components/vulnerability-summary";

const vulnerabilities = [
  {
    severity: "Moderate",
    packages: [
      {
        rpm_nvra: ["openssl-libs-1.0.2k-22.el7_9.ppc64le"],
        srpm_nevra: "openssl-1:1.0.2k-23.el7_9.src",
      },
    ],
  },
];

const App = () => {
  return (
    <VulnerabilitySummary vulnerabilities={vulnerabilities} imageGrade="C" />
  );
};

Development

yarn dev        # Start dev server
yarn build      # Build library
yarn lint       # Check with Biome
yarn lint-fix   # Auto-fix with Biome