diff --git a/assets/js/src/wizard/layout/step_layout.jsx b/assets/js/src/wizard/layout/step_layout.jsx index 574326cc2e..073b2d05db 100644 --- a/assets/js/src/wizard/layout/step_layout.jsx +++ b/assets/js/src/wizard/layout/step_layout.jsx @@ -12,6 +12,7 @@ const WelcomeWizardStepLayout = (props) => ( illustrationUrl={props.illustrationUrl} step={props.step} stepsCount={props.stepsCount} + displayProgressBar={props.displayProgressBar} > {props.children} @@ -21,6 +22,7 @@ const WelcomeWizardStepLayout = (props) => ( WelcomeWizardStepLayout.propTypes = { illustrationUrl: PropTypes.string.isRequired, step: PropTypes.number.isRequired, + displayProgressBar: PropTypes.bool, stepsCount: PropTypes.number.isRequired, children: PropTypes.oneOfType([ PropTypes.arrayOf(PropTypes.node), @@ -28,4 +30,8 @@ WelcomeWizardStepLayout.propTypes = { ]).isRequired, }; +WelcomeWizardStepLayout.defaultProps = { + displayProgressBar: true, +}; + export default WelcomeWizardStepLayout; diff --git a/assets/js/src/wizard/layout/step_layout_body.jsx b/assets/js/src/wizard/layout/step_layout_body.jsx index f97ec520e3..af23e07fd6 100644 --- a/assets/js/src/wizard/layout/step_layout_body.jsx +++ b/assets/js/src/wizard/layout/step_layout_body.jsx @@ -8,7 +8,7 @@ const WelcomeWizardStepLayoutBody = (props) => (
- { props.step <= props.stepsCount + { props.displayProgressBar && (props.step <= props.stepsCount) ? ( ) : null @@ -20,12 +20,19 @@ const WelcomeWizardStepLayoutBody = (props) => ( WelcomeWizardStepLayoutBody.propTypes = { illustrationUrl: PropTypes.string.isRequired, - step: PropTypes.number.isRequired, - stepsCount: PropTypes.number.isRequired, + displayProgressBar: PropTypes.bool, + step: PropTypes.number, + stepsCount: PropTypes.number, children: PropTypes.oneOfType([ PropTypes.arrayOf(PropTypes.node), PropTypes.node, ]).isRequired, }; +WelcomeWizardStepLayoutBody.defaultProps = { + displayProgressBar: true, + step: 0, + stepsCount: -1, +}; + export default WelcomeWizardStepLayoutBody;