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) => (
-
-
- {JsonLdUtils.getLocalized(
- step[JsonLdUtils.RDFS_LABEL],
- options.intl
- )}
-
-
+
+
+
+ {JsonLdUtils.getLocalized(
+ step[JsonLdUtils.RDFS_LABEL],
+ options.intl
+ )}
+
+
+
))}
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) => (
- onNavigate(index)}
- id={"wizard-nav-" + index}
- action={true}
- active={index === currentStep ? "active" : ""}
- variant={"default"}
- className={classNames([
- options.debugMode && !FormUtils.isRelevant(step)
- ? "show-irrelevant"
- : Question.getEmphasizedClass(step),
- "wizard-nav",
- ])}
+
- {JsonLdUtils.getLocalized(
- step[JsonLdUtils.RDFS_LABEL],
- options.intl
- )}
-
+ onNavigate(index)}
+ id={"wizard-nav-" + index}
+ action={true}
+ active={index === currentStep ? "active" : ""}
+ disabled={!options.enableWizardStepSkip}
+ variant={"default"}
+ className={classNames([
+ options.debugMode && !FormUtils.isRelevant(step)
+ ? "show-irrelevant"
+ : Question.getEmphasizedClass(step),
+ "wizard-nav",
+ ])}
+ >
+ {JsonLdUtils.getLocalized(
+ step[JsonLdUtils.RDFS_LABEL],
+ options.intl
+ )}
+
+
))}