feat: custom header links

Author: asadali145

.env.development

@@ -1,6 +1,5 @@
 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
@@ -18,6 +17,7 @@ ORDER_HISTORY_URL=localhost:1996/orders
 REFRESH_ACCESS_TOKEN_ENDPOINT=http://localhost:18000/login_refresh
 SEGMENT_KEY=null
 SHOW_FULLNAME=false
+SHOW_SETTINGS_LABEL=false
 SITE_NAME=Open edX
 USER_INFO_COOKIE_NAME=edx-user-info
 LOGO_URL=https://edx-cdn.org/v3/default/logo.svg

src/Header.jsx

@@ -26,11 +26,11 @@ 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,
+    SHOW_SETTINGS_LABEL: process.env.SHOW_SETTINGS_LABEL,
   }, 'Header additional config');
 });
 
@@ -66,7 +66,7 @@ const Header = ({ intl }) => {
     {
       type: 'item',
       href: config.ACCOUNT_SETTINGS_URL,
-      content: config.ACCOUNT_SETTINGS_LABEL ? config.ACCOUNT_SETTINGS_LABEL : intl.formatMessage(messages['header.user.menu.account.settings']),
+      content: config.SHOW_SETTINGS_LABEL ? intl.formatMessage(messages['header.user.menu.settings']) : intl.formatMessage(messages['header.user.menu.account']),
     },
     {
       type: 'item',

src/Header.messages.jsx

@@ -31,11 +31,16 @@ const messages = defineMessages({
     defaultMessage: 'Profile',
     description: 'Link to the user profile',
   },
-  'header.user.menu.account.settings': {
-    id: 'header.user.menu.account.settings',
+  'header.user.menu.account': {
+    id: 'header.user.menu.account',
     defaultMessage: 'Account',
     description: 'Link to account settings',
   },
+  'header.user.menu.settings': {
+    id: 'header.user.menu.settings',
+    defaultMessage: 'Settings',
+    description: 'Link to account settings',
+  },
   'header.user.menu.order.history': {
     id: 'header.user.menu.order.history',
     defaultMessage: 'Order History',

src/learning-header/AuthenticatedUserDropdown.jsx

@@ -28,11 +28,11 @@ const AuthenticatedUserDropdown = ({ intl, name }) => {
         </Dropdown.Toggle>
         <Dropdown.Menu className="dropdown-menu-right">
           {dashboardMenuItem}
-          <Dropdown.Item href={`${getConfig().ACCOUNT_PROFILE_URL}/u/${username}`}>
+          <Dropdown.Item href={getConfig().EXTERNAL_ACCOUNT_PROFILE_URL ? getConfig().EXTERNAL_ACCOUNT_PROFILE_URL : `${getConfig().ACCOUNT_PROFILE_URL}/u/${username}`}>
             {intl.formatMessage(messages.profile)}
           </Dropdown.Item>
           <Dropdown.Item href={getConfig().ACCOUNT_SETTINGS_URL}>
-            {intl.formatMessage(messages.settings)}
+            {getConfig().SHOW_SETTINGS_LABEL ? intl.formatMessage(messages.settings) : intl.formatMessage(messages.account)}
           </Dropdown.Item>
           { getConfig().ORDER_HISTORY_URL && (
             <Dropdown.Item href={getConfig().ORDER_HISTORY_URL}>