-
- {
- headerId ?
- : getHeader(onStartTutorial)
+ menuId, headerId, onStartTutorial, appTourLastStep, onMount,
+}) => {
+ useEffect(() => {
+ if (onMount) {
+ onMount();
}
+ }, [onMount]);
+
+ return (
+
+
+ {
+ headerId ?
+ : getHeader(onStartTutorial)
+ }
+
+ {
+ menuId && (
+
+
+
+ )
+ }
- {
- menuId && (
-
-
-
- )
- }
-
-);
+ );
+};
MfeMenuContainer.propTypes = {
menuId: PropTypes.string.isRequired,
headerId: PropTypes.string.isRequired,
onStartTutorial: PropTypes.func.isRequired,
appTourLastStep: PropTypes.number.isRequired,
+ onMount: PropTypes.func.isRequired,
};
const VerticalMenu = (props) => {
@@ -480,6 +498,7 @@ const VerticalMenu = (props) => {
menuId={mfeMenu.id}
onStartTutorial={props.onStartTutorial}
appTourLastStep={props.appTourLastStep}
+ onMount={props.onMount}
/>
:
;
};