diff --git a/packages/dashboard-v2/src/components/Icons/icons/CircledCheckmarkIcon.js b/packages/dashboard-v2/src/components/Icons/icons/CheckmarkIcon.js similarity index 54% rename from packages/dashboard-v2/src/components/Icons/icons/CircledCheckmarkIcon.js rename to packages/dashboard-v2/src/components/Icons/icons/CheckmarkIcon.js index 5f0cfc31..b42915de 100644 --- a/packages/dashboard-v2/src/components/Icons/icons/CircledCheckmarkIcon.js +++ b/packages/dashboard-v2/src/components/Icons/icons/CheckmarkIcon.js @@ -1,6 +1,8 @@ +import PropTypes from "prop-types"; + import { withIconProps } from "../withIconProps"; -export const CircledCheckmarkIcon = withIconProps(({ size, ...props }) => ( +export const CheckmarkIcon = withIconProps(({ size, circled, ...props }) => ( ( shapeRendering="geometricPrecision" {...props} > - + {circled && } )); + +CheckmarkIcon.propTypes = { + ...CheckmarkIcon.propTypes, + circled: PropTypes.bool, +}; diff --git a/packages/dashboard-v2/src/components/Icons/index.js b/packages/dashboard-v2/src/components/Icons/index.js index beaf1789..e2af85e9 100644 --- a/packages/dashboard-v2/src/components/Icons/index.js +++ b/packages/dashboard-v2/src/components/Icons/index.js @@ -4,7 +4,7 @@ export * from "./icons/LockClosedIcon"; export * from "./icons/SkynetLogoIcon"; export * from "./icons/ArrowRightIcon"; export * from "./icons/InfoIcon"; -export * from "./icons/CircledCheckmarkIcon"; +export * from "./icons/CheckmarkIcon"; export * from "./icons/CircledErrorIcon"; export * from "./icons/CircledProgressIcon"; export * from "./icons/CircledArrowUpIcon"; diff --git a/packages/dashboard-v2/src/components/Uploader/UploaderItemIcon.js b/packages/dashboard-v2/src/components/Uploader/UploaderItemIcon.js index c0d6a766..ab681b61 100644 --- a/packages/dashboard-v2/src/components/Uploader/UploaderItemIcon.js +++ b/packages/dashboard-v2/src/components/Uploader/UploaderItemIcon.js @@ -1,6 +1,6 @@ import cn from "classnames"; -import { CircledCheckmarkIcon, CircledErrorIcon, CircledProgressIcon, CircledArrowUpIcon } from "../Icons"; +import { CheckmarkIcon, CircledErrorIcon, CircledProgressIcon, CircledArrowUpIcon } from "../Icons"; export default function UploaderItemIcon({ status }) { switch (status) { @@ -11,7 +11,7 @@ export default function UploaderItemIcon({ status }) { case "processing": return ; case "complete": - return ; + return ; case "error": return ; default: