From 2f2c2f78dad7bebf2a4d92abfda27a6395ec1a0e Mon Sep 17 00:00:00 2001 From: Waheed Ahmed Date: Wed, 18 Nov 2020 11:27:52 +0500 Subject: [PATCH] feat: add LOGISTRATION_MINIMAL_HEADER env variable The LOGISTRATION_MINIMAL_HEADER environment variable removes the main menu links from the header. It also removes login/register links from the menu if user is unauthenticated. --- src/Header.jsx | 18 +++++++++++++++--- 1 file changed, 15 insertions(+), 3 deletions(-) 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 (