Update to isDisabled class, fix width, fix tooltip not showing on dis…

…abled
fleetdm · Jan 8, 2025 · 65bed38 · 65bed38
1 parent 1f2d88e
commit 65bed38
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 9 deletions.
diff --git a/frontend/components/forms/fields/DropdownWrapper/DropdownWrapper.tsx b/frontend/components/forms/fields/DropdownWrapper/DropdownWrapper.tsx
@@ -280,7 +280,6 @@ const DropdownWrapper = ({
         color: COLORS["ui-fleet-black-50"],
         fontStyle: "italic",
         cursor: "not-allowed",
-        pointerEvents: "none",
       }),
       // Styles for custom option
       ".dropdown-wrapper__option": {

diff --git a/...ftwareVulnerabilities/SoftwareVulnerabilitiesTable/SoftwareVulnerabilitiesTable.tests.tsx b/...ftwareVulnerabilities/SoftwareVulnerabilitiesTable/SoftwareVulnerabilitiesTable.tests.tsx
@@ -2,10 +2,7 @@ import React from "react";
 import { screen, waitFor } from "@testing-library/react";
 import { createCustomRenderer } from "test/test-utils";
 
-import {
-  createMockVulnerabilitiesResponse,
-  createMockVulnerability,
-} from "__mocks__/vulnerabilitiesMock";
+import { createMockVulnerabilitiesResponse } from "__mocks__/vulnerabilitiesMock";
 import createMockUser from "__mocks__/userMock";
 
 import SoftwareVulnerabilitiesTable from "./SoftwareVulnerabilitiesTable";
@@ -353,7 +350,7 @@ describe("Software Vulnerabilities table", () => {
     expect(
       screen.getByText("Exploited vulnerabilities").parentElement?.parentElement
         ?.parentElement
-    ).toHaveClass("is-disabled");
+    ).toHaveClass("react-select__option--is-disabled");
 
     await waitFor(() => {
       waitFor(() => {

diff --git a/...tend/pages/SoftwarePage/SoftwareVulnerabilities/SoftwareVulnerabilitiesTable/_styles.scss b/...tend/pages/SoftwarePage/SoftwareVulnerabilities/SoftwareVulnerabilitiesTable/_styles.scss
@@ -1,6 +1,6 @@
 .software-vulnerabilities-table {
   &__exploited-vulnerabilities-dropdown {
-    min-width: 234px;
+    min-width: 250px;
   }
 
   &__count {

diff --git a/frontend/pages/SoftwarePage/SoftwareVulnerabilities/SoftwareVulnerabilitiesTable/helpers.ts b/frontend/pages/SoftwarePage/SoftwareVulnerabilities/SoftwareVulnerabilitiesTable/helpers.ts
@@ -5,13 +5,13 @@ export const getExploitedVulnerabilitiesDropdownOptions = (
 
   return [
     {
-      disabled: false,
+      isDisabled: false,
       label: "All vulnerabilities",
       value: "false",
       helpText: "All vulnerabilities detected on your hosts.",
     },
     {
-      disabled: !isPremiumTier,
+      isDisabled: !isPremiumTier,
       label: "Exploited vulnerabilities",
       value: "true",
       helpText: