[unreleased bugs] Fleet UI: Missing vulnerability filter block / incorrect link param (#17473)

frontend/pages/SoftwarePage/SoftwareVulnerabilities/SoftwareVulnerabilitiesTable/SoftwareVulnerabilitiesTable.tsx

@@ -172,7 +172,7 @@ const SoftwareVulnerabilitiesTable = ({
 
   const handleRowSelect = (row: IRowProps) => {
     const hostsByVulnerabilityParams = {
-      cve: row.original.cve,
+      vulnerability: row.original.cve,
       team_id: teamId,
     };
 

frontend/pages/SoftwarePage/SoftwareVulnerabilityDetailsPage/SoftwareVulnerabilityDetailsPage.tsx

@@ -29,7 +29,7 @@ import DetailsNoHosts from "../components/DetailsNoHosts";
 const baseClass = "software-vulnerability-details-page";
 
 interface ISoftwareVulnerabilityDetailsRouteParams {
-  cve: string;
+  vulnerability: string;
   team_id?: string;
 }
 
@@ -71,7 +71,7 @@ const SoftwareVulnerabilityDetailsPage = ({
     [
       {
         scope: "softwareVulnByCVE",
-        cve: routeParams.cve,
+        vulnerability: routeParams.vulnerability,
         teamId: teamIdForApi,
       },
     ],

frontend/pages/SoftwarePage/components/SoftwareVulnerabilitiesTable/SoftwareVulnerabilitiesTable.tsx

@@ -74,7 +74,7 @@ const SoftwareVulnerabilitiesTable = ({
 
   const handleRowSelect = (row: IRowProps) => {
     const hostsBySoftwareParams = {
-      cve: row.original.cve,
+      vulnerability: row.original.cve,
       team_id: teamIdForApi,
     };
 

frontend/pages/hosts/ManageHostsPage/ManageHostsPage.tsx

@@ -876,6 +876,7 @@ const ManageHostsPage = ({
       osSettingsStatus,
       diskEncryptionStatus,
       bootstrapPackageStatus,
+      vulnerability,
     ]
   );
 
@@ -1664,6 +1665,7 @@ const ManageHostsPage = ({
               osSettingsStatus,
               diskEncryptionStatus,
               bootstrapPackageStatus,
+              vulnerability,
             }}
             selectedLabel={selectedLabel}
             isOnlyObserver={isOnlyObserver}

frontend/pages/hosts/ManageHostsPage/components/HostsFilterBlock/HostsFilterBlock.tsx

@@ -208,16 +208,10 @@ const HostsFilterBlock = ({
   const renderVulnerabilityFilterBlock = () => {
     if (!vulnerability) return null;
 
-    // TODO: Move formatOperatingSystemDisplayName into utils file
-    const label = formatOperatingSystemDisplayName(vulnerability);
-    const TooltipDescription = (
-      <span>Hosts affected by the specified CVE.</span>
-    );
-
     return (
       <FilterPill
-        label={label}
-        tooltipDescription={TooltipDescription}
+        label={vulnerability}
+        tooltipDescription={<span>Hosts affected by the specified CVE.</span>}
         onClear={() => handleClearFilter(["vulnerability"])}
       />
     );
@@ -479,7 +473,8 @@ const HostsFilterBlock = ({
     munkiIssueId ||
     osSettingsStatus ||
     diskEncryptionStatus ||
-    bootstrapPackageStatus
+    bootstrapPackageStatus ||
+    vulnerability
   ) {
     const renderFilterPill = () => {
       switch (true) {

frontend/services/entities/vulnerabilities.ts

@@ -20,7 +20,7 @@ export interface IGetVulnerabilitiesQueryKey
 }
 
 interface IGetVulnerabilityOptions {
-  cve: string;
+  vulnerability: string;
   teamId?: number;
 }
 
@@ -70,10 +70,10 @@ export const getVulnerabilities = ({
 };
 
 const getVulnerability = ({
-  cve,
+  vulnerability,
   teamId,
 }: IGetVulnerabilityOptions): Promise<IVulnerabilityResponse> => {
-  const endpoint = endpoints.VULNERABILITY(cve);
+  const endpoint = endpoints.VULNERABILITY(vulnerability);
   const path = teamId ? `${endpoint}?team_id=${teamId}` : endpoint;
 
   return sendRequest("GET", path);