Add Sbom count Column

client/src/app/components/SbomsByPackageCount.tsx

@@ -0,0 +1,19 @@
+import React from "react";
+
+import { useFetchSbomsByPackageId } from "@app/queries/sboms";
+
+export interface ISbomsByPackageCountProps {
+ packageId: string;
+}
+
+export const SbomsByPackageCount: React.FC<ISbomsByPackageCountProps> = ({
+ packageId,
+}) => {
+ const {
+ result: { total },
+ } = useFetchSbomsByPackageId(packageId, {
+ page: { pageNumber: 1, itemsPerPage: 1 },
+ });
+
+ return <>{total}</>;
+};

client/src/app/pages/package-list/package-table.tsx

@@ -3,6 +3,7 @@ import { NavLink } from "react-router-dom";
 
 import { Table, Tbody, Td, Th, Thead, Tr } from "@patternfly/react-table";
 
+import { SbomsByPackageCount } from "@app/components/SbomsByPackageCount";
 import { SimplePagination } from "@app/components/SimplePagination";
 import {
  ConditionalTableBody,
@@ -85,7 +86,9 @@ export const PackageTable: React.FC = () => {
  width={15}
  {...getTdProps({ columnKey: "vulnerabilities" })}
  ></Td>
- <Td width={15} {...getTdProps({ columnKey: "sboms" })}></Td>
+ <Td width={15} {...getTdProps({ columnKey: "sboms" })}>
+ <SbomsByPackageCount packageId={item.uuid} />
+ </Td>
  </TableRowContentWithControls>
  </Tr>
  </Tbody>