feat: custom header links

Author: asadali145

.env.development

@@ -1,10 +1,13 @@
 ACCESS_TOKEN_COOKIE_NAME=edx-jwt-cookie-header-payload
 ACCOUNT_PROFILE_URL=http://localhost:1995
+ACCOUNT_SETTINGS_LABEL=
 ACCOUNT_SETTINGS_URL=http://localhost:1997
 BASE_URL=localhost:8080
 CREDENTIALS_BASE_URL=http://localhost:18150
 CSRF_TOKEN_API_PATH=/csrf/api/v1/token
+DASHBOARD_URL=null
 ECOMMERCE_BASE_URL=http://localhost:18130
+EXTERNAL_ACCOUNT_PROFILE_URL=null
 LANGUAGE_PREFERENCE_COOKIE_NAME=openedx-language-preference
 LMS_BASE_URL=http://localhost:18000
 STUDIO_BASE_URL=http://localhost:18010

src/Header.jsx

@@ -26,18 +26,22 @@ ensureConfig([
 
 subscribe(APP_CONFIG_INITIALIZED, () => {
   mergeConfig({
+    ACCOUNT_SETTINGS_LABEL: process.env.ACCOUNT_SETTINGS_LABEL,
     AUTHN_MINIMAL_HEADER: !!process.env.AUTHN_MINIMAL_HEADER,
+    DASHBOARD_URL: process.env.DASHBOARD_URL,
+    EXTERNAL_ACCOUNT_PROFILE_URL: process.env.EXTERNAL_ACCOUNT_PROFILE_URL,
     SHOW_FULLNAME: process.env.SHOW_FULLNAME,
   }, 'Header additional config');
 });
 
 const Header = ({ intl }) => {
   const { authenticatedUser, config } = useContext(AppContext);
 
+  const dashboardURL = config.DASHBOARD_URL ? config.DASHBOARD_URL : `${config.LMS_BASE_URL}/dashboard`
   const mainMenu = [
     {
       type: 'item',
-      href: `${config.LMS_BASE_URL}/dashboard`,
+      href: dashboardURL,
       content: intl.formatMessage(messages['header.links.courses']),
     },
   ];
@@ -51,18 +55,18 @@ const Header = ({ intl }) => {
   const userMenu = authenticatedUser === null ? [] : [
     {
       type: 'item',
-      href: `${config.LMS_BASE_URL}/dashboard`,
+      href: dashboardURL,
       content: intl.formatMessage(messages['header.user.menu.dashboard']),
     },
     {
       type: 'item',
-      href: `${config.ACCOUNT_PROFILE_URL}/u/${authenticatedUser.username}`,
+      href: config.EXTERNAL_ACCOUNT_PROFILE_URL ? config.EXTERNAL_ACCOUNT_PROFILE_URL : `${config.ACCOUNT_PROFILE_URL}/u/${authenticatedUser.username}`,
       content: intl.formatMessage(messages['header.user.menu.profile']),
     },
     {
       type: 'item',
       href: config.ACCOUNT_SETTINGS_URL,
-      content: intl.formatMessage(messages['header.user.menu.account.settings']),
+      content: config.ACCOUNT_SETTINGS_LABEL ? config.ACCOUNT_SETTINGS_LABEL : intl.formatMessage(messages['header.user.menu.account.settings']),
     },
     {
       type: 'item',
@@ -89,12 +93,19 @@ const Header = ({ intl }) => {
     },
   ];
 
+  let name = null
+  if (authenticatedUser !== null && config.SHOW_FULLNAME) {
+    name = authenticatedUser.name
+  } else if (authenticatedUser !== null) {
+    name = authenticatedUser.username
+  }
+
   const props = {
     logo: config.LOGO_URL,
     logoAltText: config.SITE_NAME,
     logoDestination: `${config.LMS_BASE_URL}/dashboard`,
     loggedIn: authenticatedUser !== null,
-    username: authenticatedUser !== null ? authenticatedUser.username : null,
+    username: name,
     avatar: authenticatedUser !== null ? authenticatedUser.avatar : null,
     mainMenu: getConfig().AUTHN_MINIMAL_HEADER ? [] : mainMenu,
     userMenu: getConfig().AUTHN_MINIMAL_HEADER ? [] : userMenu,