SBOM/Package replace id by version (#79)

trustification · Jun 26, 2024 · f26e776 · f26e776
1 parent 92f0c3b
commit f26e776
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 9 deletions.
diff --git a/client/src/app/api/models.ts b/client/src/app/api/models.ts
@@ -94,6 +94,7 @@ export interface Package {
 export interface PackageWithinSBOM {
   id: string;
   name: string;
+  version: string;
   purl: string[];
 }
 

diff --git a/client/src/app/pages/sbom-details/packages.tsx b/client/src/app/pages/sbom-details/packages.tsx
@@ -35,8 +35,8 @@ export const Packages: React.FC<PackagesProps> = ({ sbomId }) => {
     tableName: "packages-table",
     persistenceKeyPrefix: TablePersistenceKeyPrefixes.packages,
     columnNames: {
-      id: "Id",
       name: "Name",
+      version: "Version",
     },
     isPaginationEnabled: true,
     isSortEnabled: true,
@@ -112,8 +112,8 @@ export const Packages: React.FC<PackagesProps> = ({ sbomId }) => {
         <Thead>
           <Tr>
             <TableHeaderContentWithControls {...tableControls}>
-              <Th {...getThProps({ columnKey: "id" })} />
               <Th {...getThProps({ columnKey: "name" })} />
+              <Th {...getThProps({ columnKey: "version" })} />
             </TableHeaderContentWithControls>
           </Tr>
         </Thead>
@@ -125,24 +125,24 @@ export const Packages: React.FC<PackagesProps> = ({ sbomId }) => {
         >
           {currentPageItems?.map((item, rowIndex) => {
             return (
-              <Tbody key={item.name}>
+              <Tbody key={item.id}>
                 <Tr {...getTrProps({ item })}>
                   <TableRowContentWithControls
                     {...tableControls}
                     item={item}
                     rowIndex={rowIndex}
                   >
                     <Td
-                      width={30}
-                      {...getTdProps({ columnKey: "id" })}
+                      width={60}
+                      {...getTdProps({ columnKey: "name" })}
                     >
-                      {item.id}
+                      {item.name}
                     </Td>
                     <Td
-                      width={70}
-                      {...getTdProps({ columnKey: "name" })}
+                      width={40}
+                      {...getTdProps({ columnKey: "version" })}
                     >
-                      {item.name}
+                      {item.version}
                     </Td>
                   </TableRowContentWithControls>
                 </Tr>