Fix for showing “My Profile” or “Profiles”

Author: jmgasper

src/shared/containers/TopcoderHeader/index.jsx

@@ -68,8 +68,8 @@ const TopcoderHeader = ({ auth }) => {
 
     tcUniNav('init', headerElId.current, {
       type: navType,
-      toolName: getSubPageConfiguration().toolName,
-      toolRoot: getSubPageConfiguration().toolRoot,
+      toolName: getSubPageConfiguration(user.handle).toolName,
+      toolRoot: getSubPageConfiguration(user.handle).toolRoot,
       signOut: () => {
         window.location = `${config.URL.BASE}/logout?ref=nav`;
       },
@@ -84,6 +84,7 @@ const TopcoderHeader = ({ auth }) => {
 
   useEffect(() => {
     tcUniNav('update', headerElId.current, {
+      toolName: getSubPageConfiguration(user.handle).toolName,
       user: isAuthenticated ? navigationUserInfo : null,
     });
   }, [isAuthenticated, navigationUserInfo]);

src/shared/utils/url.js

@@ -164,7 +164,7 @@ export function getInitials(firstName = '', lastName = '') {
 
 export const DEFAULT_AVATAR_URL = 'https://images.ctfassets.net/b5f1djy59z3a/4PTwZVSf3W7qgs9WssqbVa/4c51312671a4b9acbdfd7f5e22320b62/default_avatar.svg';
 
-export const getSubPageConfiguration = () => {
+export const getSubPageConfiguration = (loginUserHandle) => {
   let toolName = 'Community';
   let toolRoot = '/';
   let loginRedirect = '/';
@@ -206,7 +206,8 @@ export const getSubPageConfiguration = () => {
   }
 
   if (url.includes('/members')) {
-    toolName = 'My Profile';
+    const handle = url.substring(url.lastIndexOf('/') + 1);
+    toolName = loginUserHandle && handle && loginUserHandle.toLowerCase() === handle.toLocaleLowerCase() ? 'My Profile' : 'Profiles';
     toolRoot = url;
     loginRedirect = url;
     type = 'tool';