diff --git a/assets/images/icon-chevron-black-9x6@2x.png b/assets/images/icon-chevron-black-9x6@2x.png deleted file mode 100644 index 58e9f47f74..0000000000 Binary files a/assets/images/icon-chevron-black-9x6@2x.png and /dev/null differ diff --git a/assets/images/icon-chevron-blue-9x6@2x.png b/assets/images/icon-chevron-blue-9x6@2x.png deleted file mode 100644 index a633a5ec4b..0000000000 Binary files a/assets/images/icon-chevron-blue-9x6@2x.png and /dev/null differ diff --git a/assets/images/icon-chevron-down-9x6@2x.png b/assets/images/icon-chevron-down-9x6@2x.png deleted file mode 100644 index 46c0151dfe..0000000000 Binary files a/assets/images/icon-chevron-down-9x6@2x.png and /dev/null differ diff --git a/assets/images/icon-chevron-right-9x6@2x.png b/assets/images/icon-chevron-right-9x6@2x.png deleted file mode 100644 index 8c8e26e9ed..0000000000 Binary files a/assets/images/icon-chevron-right-9x6@2x.png and /dev/null differ diff --git a/assets/images/icon-chevron-right-blue-16x16@2x.png b/assets/images/icon-chevron-right-blue-16x16@2x.png deleted file mode 100644 index aefba09468..0000000000 Binary files a/assets/images/icon-chevron-right-blue-16x16@2x.png and /dev/null differ diff --git a/assets/images/icon-chevron-white-9x6@2x.png b/assets/images/icon-chevron-white-9x6@2x.png deleted file mode 100644 index 71f774b722..0000000000 Binary files a/assets/images/icon-chevron-white-9x6@2x.png and /dev/null differ diff --git a/assets/images/icon-close-black-50-8x8@2x.png b/assets/images/icon-close-black-50-8x8@2x.png deleted file mode 100644 index 3085fba25c..0000000000 Binary files a/assets/images/icon-close-black-50-8x8@2x.png and /dev/null differ diff --git a/assets/images/icon-compatible-green-16x16@2x.png b/assets/images/icon-compatible-green-16x16@2x.png deleted file mode 100644 index 84748f5fea..0000000000 Binary files a/assets/images/icon-compatible-green-16x16@2x.png and /dev/null differ diff --git a/assets/images/icon-compliant-device-36x36@2x.png b/assets/images/icon-compliant-device-36x36@2x.png deleted file mode 100644 index ba01796580..0000000000 Binary files a/assets/images/icon-compliant-device-36x36@2x.png and /dev/null differ diff --git a/assets/images/icon-filter-32x32@2x.png b/assets/images/icon-filter-32x32@2x.png deleted file mode 100644 index 425fc420f1..0000000000 Binary files a/assets/images/icon-filter-32x32@2x.png and /dev/null differ diff --git a/assets/images/icon-info-purple-14x14@2x.png b/assets/images/icon-info-purple-14x14@2x.png deleted file mode 100644 index 8acbc06a8d..0000000000 Binary files a/assets/images/icon-info-purple-14x14@2x.png and /dev/null differ diff --git a/assets/images/icon-issue-fleet-black-50-16x16@2x.png b/assets/images/icon-issue-fleet-black-50-16x16@2x.png deleted file mode 100644 index e6cafb2dd6..0000000000 Binary files a/assets/images/icon-issue-fleet-black-50-16x16@2x.png and /dev/null differ diff --git a/assets/images/icon-label-20x20@2x.png b/assets/images/icon-label-20x20@2x.png deleted file mode 100644 index cac459aa34..0000000000 Binary files a/assets/images/icon-label-20x20@2x.png and /dev/null differ diff --git a/assets/images/icon-linux-48x48@2x.png b/assets/images/icon-linux-48x48@2x.png deleted file mode 100644 index dff968c2a3..0000000000 Binary files a/assets/images/icon-linux-48x48@2x.png and /dev/null differ diff --git a/assets/images/icon-linux-black-24x24@2x.png b/assets/images/icon-linux-black-24x24@2x.png deleted file mode 100644 index 93663b4991..0000000000 Binary files a/assets/images/icon-linux-black-24x24@2x.png and /dev/null differ diff --git a/assets/images/icon-new-20x20@2x.png b/assets/images/icon-new-20x20@2x.png deleted file mode 100644 index 92ed45dde3..0000000000 Binary files a/assets/images/icon-new-20x20@2x.png and /dev/null differ diff --git a/assets/images/icon-offline-20x20@2x.png b/assets/images/icon-offline-20x20@2x.png deleted file mode 100644 index cf7b2f7daa..0000000000 Binary files a/assets/images/icon-offline-20x20@2x.png and /dev/null differ diff --git a/assets/images/icon-online-20x20@2x.png b/assets/images/icon-online-20x20@2x.png deleted file mode 100644 index aa1f8c0d08..0000000000 Binary files a/assets/images/icon-online-20x20@2x.png and /dev/null differ diff --git a/assets/images/icon-policy-fleet-black-12x12@2x.png b/assets/images/icon-policy-fleet-black-12x12@2x.png deleted file mode 100644 index 35cc434d1a..0000000000 Binary files a/assets/images/icon-policy-fleet-black-12x12@2x.png and /dev/null differ diff --git a/assets/images/icon-question-16x16@2x.png b/assets/images/icon-question-16x16@2x.png deleted file mode 100644 index b29a7815a1..0000000000 Binary files a/assets/images/icon-question-16x16@2x.png and /dev/null differ diff --git a/assets/images/icon-ubuntu-fleet-black-16x16@2x.png b/assets/images/icon-ubuntu-fleet-black-16x16@2x.png deleted file mode 100644 index 0e493c2cf9..0000000000 Binary files a/assets/images/icon-ubuntu-fleet-black-16x16@2x.png and /dev/null differ diff --git a/frontend/components/BackLink/BackLink.tests.tsx b/frontend/components/BackLink/BackLink.tests.tsx index d15836c51d..92258f6888 100644 --- a/frontend/components/BackLink/BackLink.tests.tsx +++ b/frontend/components/BackLink/BackLink.tests.tsx @@ -7,7 +7,7 @@ describe("BackLink - component", () => { render(); const text = screen.getByText("Back to software"); - const icon = screen.getByTestId("icon"); + const icon = screen.getByTestId("chevron-icon"); expect(text).toBeInTheDocument(); expect(icon).toBeInTheDocument(); diff --git a/frontend/components/CustomLink/CustomLink.tests.tsx b/frontend/components/CustomLink/CustomLink.tests.tsx index 7a980dde53..b3bb8bcb75 100644 --- a/frontend/components/CustomLink/CustomLink.tests.tsx +++ b/frontend/components/CustomLink/CustomLink.tests.tsx @@ -32,7 +32,7 @@ describe("CustomLink - component", () => { /> ); - const icon = screen.getByTestId("icon"); + const icon = screen.getByTestId("external-link-icon"); expect(icon).toBeInTheDocument(); expect(icon.closest("a")).toHaveAttribute("target", "_blank"); diff --git a/frontend/components/Icon/Icon.tsx b/frontend/components/Icon/Icon.tsx index 9e3371227b..b577d5717e 100644 --- a/frontend/components/Icon/Icon.tsx +++ b/frontend/components/Icon/Icon.tsx @@ -36,7 +36,7 @@ const Icon = ({ name, color, direction, className, size }: IIconProps) => { const IconComponent = ICON_MAP[name]; return ( -
+
); diff --git a/frontend/components/TableContainer/DataTable/IssueCell/IssueCell.tests.tsx b/frontend/components/TableContainer/DataTable/IssueCell/IssueCell.tests.tsx index a9dff7c198..756e37167d 100644 --- a/frontend/components/TableContainer/DataTable/IssueCell/IssueCell.tests.tsx +++ b/frontend/components/TableContainer/DataTable/IssueCell/IssueCell.tests.tsx @@ -18,7 +18,7 @@ describe("Issue cell", () => { /> ); - const icon = screen.queryByTestId("icon"); + const icon = screen.queryByTestId("issue-icon"); await user.hover(screen.getByText("4")); diff --git a/frontend/components/TableContainer/DataTable/IssueCell/IssueCell.tsx b/frontend/components/TableContainer/DataTable/IssueCell/IssueCell.tsx index ef58aeacc6..551b6f43d6 100644 --- a/frontend/components/TableContainer/DataTable/IssueCell/IssueCell.tsx +++ b/frontend/components/TableContainer/DataTable/IssueCell/IssueCell.tsx @@ -4,8 +4,6 @@ import { isEmpty } from "lodash"; import Icon from "components/Icon"; -import IssueIcon from "../../../../../assets/images/icon-issue-fleet-black-50-16x16@2x.png"; - interface IIssueCellProps { issues: { total_issues_count: number; diff --git a/frontend/components/TableContainer/DataTable/PlatformCell/PlatformCell.tests.tsx b/frontend/components/TableContainer/DataTable/PlatformCell/PlatformCell.tests.tsx index 8a9129c7c0..ebc6f1fbe0 100644 --- a/frontend/components/TableContainer/DataTable/PlatformCell/PlatformCell.tests.tsx +++ b/frontend/components/TableContainer/DataTable/PlatformCell/PlatformCell.tests.tsx @@ -1,4 +1,4 @@ -import React from "react"; +import React, { Children } from "react"; import { render, screen } from "@testing-library/react"; import { DEFAULT_EMPTY_CELL_VALUE } from "utilities/constants"; @@ -11,25 +11,24 @@ describe("Platform cell", () => { it("renders platform icons in correct order", () => { render(); - const icons = screen.queryAllByTestId("icon"); - const appleIcon = screen.queryByTestId("apple-icon"); + const icons = screen.queryByTestId("icons"); + const appleIcon = screen.queryByTestId("darwin-icon"); const linuxIcon = screen.queryByTestId("linux-icon"); const windowsIcon = screen.queryByTestId("windows-icon"); const chromeIcon = screen.queryByTestId("chrome-icon"); - expect(icons).toHaveLength(4); - expect(icons[0].firstChild).toBe(appleIcon); - expect(icons[1].firstChild).toBe(windowsIcon); - expect(icons[2].firstChild).toBe(linuxIcon); - expect(icons[3].firstChild).toBe(chromeIcon); + expect(icons?.firstChild).toBe(appleIcon); + expect(icons?.firstChild?.nextSibling).toBe(windowsIcon); + expect(icons?.firstChild?.nextSibling?.nextSibling).toBe(linuxIcon); + expect(icons?.firstChild?.nextSibling?.nextSibling?.nextSibling).toBe( + chromeIcon + ); }); it("renders empty state", () => { render(); - const icons = screen.queryAllByTestId("icon"); const emptyText = screen.queryByText(DEFAULT_EMPTY_CELL_VALUE); - expect(icons).toHaveLength(0); expect(emptyText).toBeInTheDocument(); }); }); diff --git a/frontend/components/TableContainer/DataTable/PlatformCell/PlatformCell.tsx b/frontend/components/TableContainer/DataTable/PlatformCell/PlatformCell.tsx index 61a875cd5f..48665040c6 100644 --- a/frontend/components/TableContainer/DataTable/PlatformCell/PlatformCell.tsx +++ b/frontend/components/TableContainer/DataTable/PlatformCell/PlatformCell.tsx @@ -30,7 +30,7 @@ const PlatformCell = ({ platforms }: IPlatformCellProps): JSX.Element => { platforms.includes(platform) ); return ( - + {orderedList.length ? ( orderedList.map((platform) => { return ICONS[platform] ? ( diff --git a/frontend/components/ViewAllHostsLink/ViewAllHostsLink.tests.tsx b/frontend/components/ViewAllHostsLink/ViewAllHostsLink.tests.tsx index d515bec424..6850a82321 100644 --- a/frontend/components/ViewAllHostsLink/ViewAllHostsLink.tests.tsx +++ b/frontend/components/ViewAllHostsLink/ViewAllHostsLink.tests.tsx @@ -7,7 +7,7 @@ describe("ViewAllHostsLink - component", () => { render(); const text = screen.getByText("View all hosts"); - const icon = screen.getByTestId("icon"); + const icon = screen.getByTestId("chevron-icon"); expect(text).toBeInTheDocument(); expect(icon).toBeInTheDocument(); diff --git a/frontend/components/buttons/Button/Button.tsx b/frontend/components/buttons/Button/Button.tsx index f5d5e1df2d..03749d419b 100644 --- a/frontend/components/buttons/Button/Button.tsx +++ b/frontend/components/buttons/Button/Button.tsx @@ -115,7 +115,6 @@ class Button extends React.Component { variant === "text-link" || variant === "inverse" || variant === "text-icon" || - variant === "icon" || variant === "label"; return ( diff --git a/frontend/components/buttons/RevealButton/RevealButton.tests.tsx b/frontend/components/buttons/RevealButton/RevealButton.tests.tsx index b47ead2711..226367b41a 100644 --- a/frontend/components/buttons/RevealButton/RevealButton.tests.tsx +++ b/frontend/components/buttons/RevealButton/RevealButton.tests.tsx @@ -40,7 +40,7 @@ describe("Reveal button", () => { /> ); - const icon = screen.queryByTestId("icon"); + const icon = screen.queryByTestId("chevron-icon"); expect(icon).toBeNull(); }); @@ -55,7 +55,7 @@ describe("Reveal button", () => { /> ); - const icon = screen.queryByTestId("icon"); + const icon = screen.queryByTestId("chevron-icon"); expect(icon?.nextSibling).toHaveTextContent(SHOW_TEXT); }); @@ -69,7 +69,7 @@ describe("Reveal button", () => { /> ); - const icon = screen.queryByTestId("icon"); + const icon = screen.queryByTestId("chevron-icon"); expect(icon?.previousSibling).toHaveTextContent(SHOW_TEXT); }); diff --git a/frontend/components/icons/Apple.tsx b/frontend/components/icons/Apple.tsx index d67341dc2a..6ae9c46f80 100644 --- a/frontend/components/icons/Apple.tsx +++ b/frontend/components/icons/Apple.tsx @@ -18,7 +18,6 @@ const Apple = ({ fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" - data-testid="apple-icon" > { fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" - data-testid="eye-icon" > diff --git a/frontend/components/icons/Info.tsx b/frontend/components/icons/Info.tsx new file mode 100644 index 0000000000..7322b11d5e --- /dev/null +++ b/frontend/components/icons/Info.tsx @@ -0,0 +1,29 @@ +import React from "react"; +import { COLORS, Colors } from "styles/var/colors"; +import { ICON_SIZES, IconSizes } from "styles/var/icon_sizes"; + +interface IInfoProps { + color?: Colors; + size?: IconSizes; +} + +const Info = ({ size = "small", color = "core-fleet-blue" }: IInfoProps) => { + return ( + + + + ); +}; + +export default Info; diff --git a/frontend/components/icons/Linux.tsx b/frontend/components/icons/Linux.tsx index 7e5219f88f..1a9b3174dc 100644 --- a/frontend/components/icons/Linux.tsx +++ b/frontend/components/icons/Linux.tsx @@ -18,7 +18,6 @@ const Linux = ({ fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" - data-testid="linux-icon" > { + return ( + + + + + + + + + + + + ); +}; + +export default Policy; diff --git a/frontend/components/icons/Windows.tsx b/frontend/components/icons/Windows.tsx index 94a5996141..67a551c128 100644 --- a/frontend/components/icons/Windows.tsx +++ b/frontend/components/icons/Windows.tsx @@ -18,7 +18,6 @@ const Windows = ({ fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" - data-testid="windows-icon" > - Close sidebar +

diff --git a/frontend/components/side_panels/QuerySidePanel/_styles.scss b/frontend/components/side_panels/QuerySidePanel/_styles.scss index b41fd03a8f..f13a473d0f 100644 --- a/frontend/components/side_panels/QuerySidePanel/_styles.scss +++ b/frontend/components/side_panels/QuerySidePanel/_styles.scss @@ -10,20 +10,24 @@ background-color: $core-white; position: absolute; top: 40px; - left: -12px; + left: -13px; display: flex; justify-content: center; align-items: center; cursor: pointer; z-index: 2; - img { - transform: scale(0.5); - } - &:focus { outline: none; } + + &:hover { + svg { + path { + stroke: $core-vibrant-blue; + } + } + } } &__choose-table { diff --git a/frontend/pages/DashboardPage/cards/HostsSummary/SummaryTile/SummaryTile.tests.tsx b/frontend/pages/DashboardPage/cards/HostsSummary/SummaryTile/SummaryTile.tests.tsx index 4bbe9e3cdf..0f644b61e9 100644 --- a/frontend/pages/DashboardPage/cards/HostsSummary/SummaryTile/SummaryTile.tests.tsx +++ b/frontend/pages/DashboardPage/cards/HostsSummary/SummaryTile/SummaryTile.tests.tsx @@ -60,7 +60,7 @@ describe("SummaryTile - component", () => { const title = screen.getByText("Windows hosts"); const count = screen.getByText("200"); - const icon = screen.queryByTestId("icon"); + const icon = screen.queryByTestId("windows-circled-icon"); expect(title).toBeInTheDocument(); expect(count).toBeInTheDocument(); diff --git a/frontend/pages/LabelPage/LabelForm/LabelForm.tsx b/frontend/pages/LabelPage/LabelForm/LabelForm.tsx index 44617c6e24..4dc3945ad2 100644 --- a/frontend/pages/LabelPage/LabelForm/LabelForm.tsx +++ b/frontend/pages/LabelPage/LabelForm/LabelForm.tsx @@ -12,7 +12,7 @@ import InputField from "components/forms/fields/InputField"; import FleetAce from "components/FleetAce"; // @ts-ignore import validateQuery from "components/forms/validators/validate_query"; -import InfoIcon from "../../../../assets/images/icon-info-purple-14x14@2x.png"; +import Icon from "components/Icon/Icon"; interface ILabelFormProps { baseError: string; @@ -169,7 +169,7 @@ const LabelForm = ({ return ( diff --git a/frontend/pages/hosts/ManageHostsPage/components/FilterPill/FilterPill.tests.tsx b/frontend/pages/hosts/ManageHostsPage/components/FilterPill/FilterPill.tests.tsx index ad390871f4..a18cc06663 100644 --- a/frontend/pages/hosts/ManageHostsPage/components/FilterPill/FilterPill.tests.tsx +++ b/frontend/pages/hosts/ManageHostsPage/components/FilterPill/FilterPill.tests.tsx @@ -1,13 +1,11 @@ import React from "react"; import { noop } from "lodash"; -import { render, screen } from "@testing-library/react"; +import { render, screen, within } from "@testing-library/react"; import { renderWithSetup } from "test/test-utils"; import FilterPill from "./FilterPill"; -import PolicyIcon from "../../../../../../assets/images/icon-policy-fleet-black-12x12@2x.png"; - describe("Filter Pill Component", () => { it("renders the pill text", () => { render(); @@ -15,10 +13,12 @@ describe("Filter Pill Component", () => { expect(screen.getByText("Test Pill")).toBeInTheDocument(); }); - it("renders an passed in icon properly", () => { - render(); + it("renders icon properly", () => { + render(); - expect(screen.getByTestId("filter-pill__icon")).toBeInTheDocument(); + expect( + within(screen.getByRole("status")).getByTestId("policy-icon") + ).toBeInTheDocument(); }); it("renders a passed in string tooltip", () => { @@ -52,7 +52,7 @@ describe("Filter Pill Component", () => { ); - await user.click(screen.getByRole("button", { name: "Remove filter" })); + await user.click(within(screen.getByRole("button")).getByTestId("ex-icon")); expect(spy).toHaveBeenCalled(); }); diff --git a/frontend/pages/hosts/ManageHostsPage/components/FilterPill/FilterPill.tsx b/frontend/pages/hosts/ManageHostsPage/components/FilterPill/FilterPill.tsx index 6e1f79b39c..df99faa793 100644 --- a/frontend/pages/hosts/ManageHostsPage/components/FilterPill/FilterPill.tsx +++ b/frontend/pages/hosts/ManageHostsPage/components/FilterPill/FilterPill.tsx @@ -5,12 +5,13 @@ import classnames from "classnames"; import Button from "components/buttons/Button"; import PremiumFeatureIconWithTooltip from "components/PremiumFeatureIconWithTooltip"; -import CloseIcon from "../../../../../../assets/images/icon-close-vibrant-blue-16x16@2x.png"; +import Icon from "components/Icon"; +import { IconNames } from "components/icons"; interface IFilterPillProps { label: string; onClear: () => void; - icon?: string; + icon?: IconNames; tooltipDescription?: string | ReactNode; premiumFeatureTooltipDelayHide?: number; className?: string; @@ -44,9 +45,7 @@ const FilterPill = ({ <>
- {icon && ( - - )} + {icon && } {isSandboxMode && sandboxPremiumOnlyIcon && ( - Remove filter +
diff --git a/frontend/pages/hosts/ManageHostsPage/components/FilterPill/_styles.scss b/frontend/pages/hosts/ManageHostsPage/components/FilterPill/_styles.scss index f82d327308..a7badf53a1 100644 --- a/frontend/pages/hosts/ManageHostsPage/components/FilterPill/_styles.scss +++ b/frontend/pages/hosts/ManageHostsPage/components/FilterPill/_styles.scss @@ -10,18 +10,13 @@ font-size: $xx-small; font-weight: $bold; cursor: default; - - img { - width: 12px; - height: 12px; - margin-right: 6px; - } + gap: $small; button { height: auto; padding: 0px; border: none; - margin-left: $pad-small; + margin-left: 0; img { padding: 0px; diff --git a/frontend/pages/hosts/ManageHostsPage/components/HostsFilterBlock/HostsFilterBlock.tsx b/frontend/pages/hosts/ManageHostsPage/components/HostsFilterBlock/HostsFilterBlock.tsx index 787d977be5..0e64c52c74 100644 --- a/frontend/pages/hosts/ManageHostsPage/components/HostsFilterBlock/HostsFilterBlock.tsx +++ b/frontend/pages/hosts/ManageHostsPage/components/HostsFilterBlock/HostsFilterBlock.tsx @@ -33,8 +33,6 @@ import { MAC_SETTINGS_FILTER_OPTIONS } from "../../HostsPageConfig"; import DiskEncryptionStatusFilter from "../DiskEncryptionStatusFilter"; import BootstrapPackageStatusFilter from "../BootstrapPackageStatusFilter/BootstrapPackageStatusFilter"; -import PolicyIcon from "../../../../../../assets/images/icon-policy-fleet-black-12x12@2x.png"; - const baseClass = "hosts-filter-block"; interface IHostsFilterBlockProps { @@ -201,7 +199,7 @@ const HostsFilterBlock = ({ onChange={onChangePoliciesFilter} /> handleClearFilter(["policy_id", "policy_response"])} className={`${baseClass}__policies-filter-pill`} diff --git a/frontend/pages/hosts/details/DeviceUserPage/DeviceUserPage.tsx b/frontend/pages/hosts/details/DeviceUserPage/DeviceUserPage.tsx index 47e4679eae..973c6438e4 100644 --- a/frontend/pages/hosts/details/DeviceUserPage/DeviceUserPage.tsx +++ b/frontend/pages/hosts/details/DeviceUserPage/DeviceUserPage.tsx @@ -13,7 +13,6 @@ import { IDeviceUserResponse, IHostDevice, } from "interfaces/host"; -import { ISoftware } from "interfaces/software"; import { IHostPolicy } from "interfaces/policy"; import { IDeviceGlobalConfig } from "interfaces/config"; import DeviceUserError from "components/DeviceUserError"; @@ -23,6 +22,7 @@ import Spinner from "components/Spinner"; import Button from "components/buttons/Button"; import TabsWrapper from "components/TabsWrapper"; import InfoBanner from "components/InfoBanner"; +import Icon from "components/Icon/Icon"; import { normalizeEmptyValues, wrapFleetHelper } from "utilities/helpers"; import PATHS from "router/paths"; @@ -32,7 +32,6 @@ import SoftwareCard from "../cards/Software"; import PoliciesCard from "../cards/Policies"; import InfoModal from "./InfoModal"; -import InfoIcon from "../../../../../assets/images/icon-info-purple-14x14@2x.png"; import FleetIcon from "../../../../../assets/images/fleet-avatar-24x24@2x.png"; import PolicyDetailsModal from "../cards/Policies/HostPoliciesTable/PolicyDetailsModal"; import AutoEnrollMdmModal from "./AutoEnrollMdmModal"; @@ -297,7 +296,7 @@ const DeviceUserPage = ({
diff --git a/frontend/pages/hosts/details/HostDetailsPage/modals/OSPolicyModal/OSPolicyModal.tsx b/frontend/pages/hosts/details/HostDetailsPage/modals/OSPolicyModal/OSPolicyModal.tsx index 05749a4564..ebd99a1452 100644 --- a/frontend/pages/hosts/details/HostDetailsPage/modals/OSPolicyModal/OSPolicyModal.tsx +++ b/frontend/pages/hosts/details/HostDetailsPage/modals/OSPolicyModal/OSPolicyModal.tsx @@ -58,7 +58,7 @@ const OSPolicyModal = ({ >{`${copyMessage} `} )} diff --git a/frontend/pages/queries/QueryPage/components/QueryForm/QueryForm.tsx b/frontend/pages/queries/QueryPage/components/QueryForm/QueryForm.tsx index c3504533a3..452e06d4ee 100644 --- a/frontend/pages/queries/QueryPage/components/QueryForm/QueryForm.tsx +++ b/frontend/pages/queries/QueryPage/components/QueryForm/QueryForm.tsx @@ -34,7 +34,6 @@ import queryAPI from "services/entities/queries"; import { IAceEditor } from "react-ace/lib/types"; import ReactTooltip from "react-tooltip"; -import { parseSqlTables } from "utilities/sql_tools"; import Avatar from "components/Avatar"; import FleetAce from "components/FleetAce"; @@ -49,7 +48,6 @@ import Spinner from "components/Spinner"; import Icon from "components/Icon/Icon"; import AutoSizeInputField from "components/forms/fields/AutoSizeInputField"; import SaveQueryModal from "../SaveQueryModal"; -import InfoIcon from "../../../../../../assets/images/icon-info-purple-14x14@2x.png"; const baseClass = "query-form"; @@ -434,7 +432,7 @@ const QueryForm = ({ return (