From 78573e30f129bff4efb97fa9c1a9967e13a9e5f9 Mon Sep 17 00:00:00 2001 From: Waheed Ahmed Date: Mon, 23 Nov 2020 15:04:20 +0500 Subject: [PATCH] feat: add LOGISTRATION_MINIMAL_HEADER env variable (#75) 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 0399c2f..27d1e22 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'; @@ -17,6 +23,12 @@ ensureConfig([ 'LOGO_TRADEMARK_URL', ], '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); @@ -72,9 +84,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 (