diff --git a/src/features/assets/components/asset-drawer.tsx b/src/features/assets/components/asset-drawer.tsx index d542c7d1..602ae153 100644 --- a/src/features/assets/components/asset-drawer.tsx +++ b/src/features/assets/components/asset-drawer.tsx @@ -180,6 +180,24 @@ function AssetInfoColumn({ asset }: { asset: AssetWithIssueRelations }) { header: "CPE", content: {asset.deviceGroup.cpe}, }, + ...(asset.deviceGroup.sbomUrl + ? [ + { + header: "SBOM", + content: ( + + View SBOM + + + ), + }, + ] + : []), ...(asset.serialNumber ? [ { diff --git a/src/features/assets/components/asset.tsx b/src/features/assets/components/asset.tsx index 2c69c70f..ed3ecb91 100644 --- a/src/features/assets/components/asset.tsx +++ b/src/features/assets/components/asset.tsx @@ -372,6 +372,23 @@ export const AssetDetailPage = ({ assetId }: AssetDetailProps) => { {asset.deviceGroup.cpe} + + {asset.deviceGroup.sbomUrl && ( +
+
+ SBOM +
+ + View SBOM + + +
+ )} diff --git a/src/features/device-artifacts/components/device-artifacts.tsx b/src/features/device-artifacts/components/device-artifacts.tsx index 7d167476..c8a10c34 100644 --- a/src/features/device-artifacts/components/device-artifacts.tsx +++ b/src/features/device-artifacts/components/device-artifacts.tsx @@ -1,7 +1,7 @@ "use client"; import { formatDistanceToNow } from "date-fns"; -import { DownloadIcon } from "lucide-react"; +import { DownloadIcon, ExternalLinkIcon } from "lucide-react"; import { EmptyView, EntityContainer, @@ -215,6 +215,23 @@ function DeviceArtifactDrawer({ {deviceArtifact.deviceGroup.cpe} + + {deviceArtifact.deviceGroup.sbomUrl && ( +
+
+ SBOM +
+ + View SBOM + + +
+ )}