diff --git a/src/Header.jsx b/src/Header.jsx index e6c24affb..a93d6eb39 100644 --- a/src/Header.jsx +++ b/src/Header.jsx @@ -2,7 +2,13 @@ import React, { useContext } from 'react'; import Responsive from 'react-responsive'; import { injectIntl, intlShape } from '@edx/frontend-platform/i18n'; import { AppContext } from '@edx/frontend-platform/react'; -import { ensureConfig } from '@edx/frontend-platform/config'; +import { + APP_CONFIG_INITIALIZED, + ensureConfig, + mergeConfig, + getConfig, + subscribe, +} from '@edx/frontend-platform'; import DesktopHeader from './DesktopHeader'; import MobileHeader from './MobileHeader'; @@ -18,6 +24,12 @@ ensureConfig([ 'SITE_NAME', ], 'Header component'); +subscribe(APP_CONFIG_INITIALIZED, () => { + mergeConfig({ + LOGISTRATION_MINIMAL_HEADER: !!process.env.LOGISTRATION_MINIMAL_HEADER, + }, 'Header additional config'); +}); + function Header({ intl }) { const { authenticatedUser, config } = useContext(AppContext); @@ -73,9 +85,9 @@ function Header({ intl }) { loggedIn: authenticatedUser !== null, username: authenticatedUser !== null ? authenticatedUser.username : null, avatar: authenticatedUser !== null ? authenticatedUser.avatar : null, - mainMenu, + mainMenu: getConfig().LOGISTRATION_MINIMAL_HEADER ? [] : mainMenu, userMenu, - loggedOutItems, + loggedOutItems: getConfig().LOGISTRATION_MINIMAL_HEADER ? [] : loggedOutItems, }; return (