diff --git a/src/components/HelpIcon.jsx b/src/components/HelpIcon.jsx index e46b6968..6b4ae3a4 100644 --- a/src/components/HelpIcon.jsx +++ b/src/components/HelpIcon.jsx @@ -1,6 +1,5 @@ import React, { useState } from "react"; import PropTypes from "prop-types"; -import { Tooltip } from "react-bootstrap"; import { QuestionCircle } from "../styles/icons"; import IconOverlay from "./IconOverlay.jsx"; diff --git a/src/components/IconOverlay.jsx b/src/components/IconOverlay.jsx index e5fad892..2d99ca14 100644 --- a/src/components/IconOverlay.jsx +++ b/src/components/IconOverlay.jsx @@ -13,10 +13,12 @@ const IconOverlay = (props) => { } else setOverlayPlacement("right"); }; - const tooltip = ( + const tooltip = props.show ? ( {props.tooltipContent} + ) : ( + ); return ( @@ -39,12 +41,14 @@ IconOverlay.propTypes = { id: PropTypes.string.isRequired, overlayPlacement: PropTypes.string, absolutePosition: PropTypes.bool, + show: PropTypes.bool, }; IconOverlay.defaultProps = { iconClassContainer: "", iconClass: "", absolutePosition: true, + show: true, }; export default IconOverlay; diff --git a/src/components/wizard/HorizontalWizardNav.jsx b/src/components/wizard/HorizontalWizardNav.jsx index 3ef8c232..3cde5bf1 100644 --- a/src/components/wizard/HorizontalWizardNav.jsx +++ b/src/components/wizard/HorizontalWizardNav.jsx @@ -6,6 +6,7 @@ import FormUtils from "../../util/FormUtils"; import { ConfigurationContext } from "../../contexts/ConfigurationContext"; import Question from "../Question"; import classNames from "classnames"; +import IconOverlay from "../IconOverlay.jsx"; const HorizontalWizardNav = ({ steps, onNavigate, currentStep }) => { const { options } = useContext(ConfigurationContext); @@ -18,24 +19,31 @@ const HorizontalWizardNav = ({ steps, onNavigate, currentStep }) => { onSelect={(key) => onNavigate(parseInt(key))} > {steps.map((step, index) => ( - - - + + + + + ))} diff --git a/src/components/wizard/VerticalWizardNav.jsx b/src/components/wizard/VerticalWizardNav.jsx index bf4e0a31..1b138d5b 100644 --- a/src/components/wizard/VerticalWizardNav.jsx +++ b/src/components/wizard/VerticalWizardNav.jsx @@ -6,6 +6,7 @@ import { ConfigurationContext } from "../../contexts/ConfigurationContext"; import FormUtils from "../../util/FormUtils"; import Question from "../Question"; import classNames from "classnames"; +import IconOverlay from "../IconOverlay.jsx"; const VerticalWizardNav = ({ steps, onNavigate, currentStep }) => { const { options } = useContext(ConfigurationContext); @@ -14,26 +15,33 @@ const VerticalWizardNav = ({ steps, onNavigate, currentStep }) => {
{steps.map((step, index) => ( - + + ))}