} className="success-icon" />
Congratulations!
diff --git a/web/src/components/core/InstallationProgress.jsx b/web/src/components/core/InstallationProgress.jsx
index 26803e6d46..c7bca7ec44 100644
--- a/web/src/components/core/InstallationProgress.jsx
+++ b/web/src/components/core/InstallationProgress.jsx
@@ -22,16 +22,14 @@
import React from "react";
import ProgressReport from "./ProgressReport";
-import { Center, Title, PageIcon } from "@components/layout";
+import { Center, Icon, Title, PageIcon } from "@components/layout";
import { Questions } from "@components/questions";
-import { EOS_DOWNLOADING as Icon } from "eos-icons-react";
-
function InstallationProgress() {
return (
<>
Installing
-
+
diff --git a/web/src/components/core/KebabMenu.jsx b/web/src/components/core/KebabMenu.jsx
index 1efd97fdd6..0c89a5a283 100644
--- a/web/src/components/core/KebabMenu.jsx
+++ b/web/src/components/core/KebabMenu.jsx
@@ -21,7 +21,7 @@
import React, { useState } from "react";
import { Dropdown, DropdownToggle } from "@patternfly/react-core";
-import { EOS_MORE_VERT as MenuIcon } from "eos-icons-react";
+import { Icon } from "@components/layout";
export default function KebabMenu({ items, position = "right", id = Date.now(), ...props }) {
const [isOpen, setIsOpen] = useState(false);
@@ -33,7 +33,7 @@ export default function KebabMenu({ items, position = "right", id = Date.now(),
onSelect={toggle}
toggle={
-
+
}
isPlain
diff --git a/web/src/components/core/Section.jsx b/web/src/components/core/Section.jsx
index af2f57ca35..58db408c21 100644
--- a/web/src/components/core/Section.jsx
+++ b/web/src/components/core/Section.jsx
@@ -34,15 +34,16 @@ import {
Tooltip
} from "@patternfly/react-core";
-import { classNames } from "@/utils";
+import { Icon } from '@components/layout';
import { ValidationErrors } from "@components/core";
-
-import { CogIcon } from '@patternfly/react-icons';
+import { classNames } from "@/utils";
import "./section.scss";
+const SettingsIcon = ({ ...props }) => ;
+
/**
- * Helper method for rendering section react-icons
+ * Helper method for rendering section icon
*
* @param {React.FunctionComponent|React.ComponentClass} icon
* @param {string} ariaLabel
@@ -53,11 +54,11 @@ import "./section.scss";
const renderIcon = (icon, ariaLabel, size = 32) => {
if (!icon) return null;
- const Icon = icon;
+ const SectionIcon = icon;
return (
-
+
);
};
@@ -104,7 +105,7 @@ const renderIcon = (icon, ariaLabel, size = 32) => {
* @param {boolean} [props.usingSeparator] - whether or not a thin border should be shown between title and content
* @param {React.FunctionComponent} [props.icon] - An icon for the section
* @param {import("@client/mixins").ValidationError[]} [props.errors] - Validation errors to be shown before the title
- * @param {React.FunctionComponent|React.ComponentClass} [props.actionIcon=CogIcon] - An icon to be used for section actions
+ * @param {React.FunctionComponent|React.ComponentClass} [props.actionIcon=SettingsIcon] - An icon component to be used for section actions
* @param {React.ReactNode} [props.actionTooltip] - text to be shown as a tooltip when user hovers action icon, if present
* @param {React.MouseEventHandler} [props.onActionClick] - callback to be triggered when user clicks on action icon, if present
* @param {JSX.Element} [props.children] - the section content
@@ -116,7 +117,7 @@ export default function Section({
usingSeparator,
icon,
errors,
- actionIcon = CogIcon,
+ actionIcon = SettingsIcon,
actionTooltip,
onActionClick,
children,
@@ -127,7 +128,7 @@ export default function Section({
const Action = () => (
);
diff --git a/web/src/components/core/ValidationErrors.jsx b/web/src/components/core/ValidationErrors.jsx
index 52960f344f..0c69141e2d 100644
--- a/web/src/components/core/ValidationErrors.jsx
+++ b/web/src/components/core/ValidationErrors.jsx
@@ -30,7 +30,7 @@ import {
Popover
} from "@patternfly/react-core";
-import ExclamationTriangleIcon from '@patternfly/react-icons/dist/esm/icons/exclamation-triangle-icon';
+import { Icon } from '@components/layout';
/**
* @param {import("@client/mixins").ValidationError[]} errors - Validation errors
@@ -63,17 +63,19 @@ const ValidationErrors = ({ title = "Errors", errors }) => {
if (!errors || errors.length === 0) return null;
+ const warningIcon = ;
+
if (errors.length === 1) {
return (
<>
- {errors[0].message}
+ {warningIcon} {errors[0].message}
);
} else {
return (
<>
-
+ { warningIcon }
setPopoverVisible(true)}>{`${errors.length} errors found`}
(