TC-1578 CycloneDX enhanced Vulnerabilities tab labels

Signed-off-by: mrizzi <[email protected]>
desmax74 · Jul 30, 2024 · 05ed69e · 05ed69e
1 parent f69ff55
commit 05ed69e
Showing 1 changed file with 17 additions and 1 deletion.
diff --git a/spog/ui/src/pages/sbom/mod.rs b/spog/ui/src/pages/sbom/mod.rs
@@ -217,7 +217,23 @@ fn details(props: &DetailsProps) -> Html {
  <Tabs<TabIndex> inset={TabInset::Page} detached=true selected={*tab} {onselect}>
  <Tab<TabIndex> index={TabIndex::Info} title="Info" />
  <Tab<TabIndex> index={TabIndex::Packages} title="Packages" />
- <Tab<TabIndex> index={TabIndex::Overview} title="Related vulnerabilities" />
+ <Tab<TabIndex> index={TabIndex::Overview} title={html!(
+ <>
+ { "Vulnerabilities" }
+ <Popover
+ target={html!(
+ <button class="pf-v5-c-button pf-m-plain pf-m-small" type="button" style="padding: 0px 0px 0px 5px;">
+ <span class="pf-v5-c-tabs__item-action-icon">
+ { Icon::QuestionCircle }
+ </span>
+ </button>
+ )}
+ body={html_nested!(
+ <PopoverBody>{"Any found vulnerabilities related to this SBOM. Fixed vulnerabilities are not listed."}</PopoverBody>
+ )}
+ />
+ </>
+ )}/>
  { for config.features.show_report.then(|| html_nested!(
  <Tab<TabIndex> index={TabIndex::Report} title="Dependency Analytics Report" />
  )) }