diff --git a/src/components/Dashboard/common/WizardView.jsx b/src/components/Dashboard/common/WizardView.jsx index 8b6c464..e07bc1a 100644 --- a/src/components/Dashboard/common/WizardView.jsx +++ b/src/components/Dashboard/common/WizardView.jsx @@ -12,7 +12,9 @@ const WizardView = ({ title = 'Wizard View', onSubmit, formValid, - loading + loading, + sideBar = null, + submitText = 'Done' }) => { const [currentStep, setCurrentStep] = useState(0) const isMobile = useMediaQuery({ maxWidth: 768 }) @@ -20,27 +22,33 @@ const WizardView = ({ return ( {!isMobile && showSteps == true ? ( -
- -
+ sideBar != null ? ( + sideBar + ) : ( +
+ +
+ ) ) : null} {!isMobile && showSteps == true ? ( ) : null} - - - {title} - -
- {steps[currentStep].content} -
+ + + + {title} + +
+ {steps[currentStep].content} +
+
@@ -61,7 +70,9 @@ WizardView.propTypes = { steps: PropTypes.array.isRequired, showSteps: PropTypes.bool, title: PropTypes.string, - loading: PropTypes.bool + loading: PropTypes.bool, + sideBar: PropTypes.node, + submitText: PropTypes.string } export default WizardView