TSJR-182 - disable profiles, update url for profiles menu item

Author: vas3a

config/dev.js

@@ -8,6 +8,7 @@ module.exports = {
     PLATFORM_DOMAIN: "https://platform.topcoder-dev.com",
     TAAS_APP: "https://platform.topcoder-dev.com/taas/myteams",
     PLATFORM_UI: "https://platform-ui.topcoder-dev.com",
+    PLATFORM_PROFILES_URL: "https://profiles.topcoder-dev.com",
   },
   API: {
     V3: "https://api.topcoder-dev.com/v3",

config/prod.js

@@ -8,6 +8,7 @@ module.exports = {
     PLATFORM_DOMAIN: "https://platform.topcoder.com",
     TAAS_APP: "https://platform.topcoder.com/taas/myteams",
     PLATFORM_UI: "https://platform-ui.topcoder.com",
+    PLATFORM_PROFILES_URL: "https://profiles.topcoder.com",
   },
   API: {
     V3: "https://api.topcoder.com/v3",

config/qa.js

@@ -8,6 +8,7 @@ module.exports = {
     PLATFORM_DOMAIN: "https://platform.topcoder-qa.com",
     TAAS_APP: "https://platform.topcoder-qa.com/taas/myteams",
     PLATFORM_UI: "https://platform-ui.topcoder-qa.com",
+    PLATFORM_PROFILES_URL: "https://profiles.topcoder.com",
   },
   API: {
     V3: "https://api.topcoder-qa.com/v3",

src/App.jsx

@@ -63,7 +63,6 @@ const App = () => {
         <NavBar
           default
           noThrow
-          profileUrl={`/profile/${_.get(auth, "profile.handle", "")}`}
           hideSwitchTools={isNavigationDisabled}
           path="/*"
         />

src/components/NavBar/index.jsx

@@ -24,7 +24,7 @@ import "./styles.css";
 import { useMediaQuery } from "react-responsive";
 import NotificationsMenu from "../NotificationsMenu";
 
-const NavBar = ({ hideSwitchTools, profileUrl }) => {
+const NavBar = ({ hideSwitchTools }) => {
 
   // all menu options
   const menu = useSelector((state) => state.menu.categories);
@@ -81,11 +81,7 @@ const NavBar = ({ hideSwitchTools, profileUrl }) => {
   const renderProfile = (
     <>
       <NotificationsMenu />
-      <UserMenu
-        profileUrl={profileUrl}
-        profile={auth.profile}
-        hideSwitchTools={hideSwitchTools}
-      />
+      <UserMenu profile={auth.profile} hideSwitchTools={hideSwitchTools} />
     </>
   )
 
@@ -145,11 +141,9 @@ const NavBar = ({ hideSwitchTools, profileUrl }) => {
 
 NavBar.defaultProps = {
   hideSwitchTools: false,
-  profileUrl: '/profile/',
 };
 
 NavBar.propTypes = {
-  profileUrl: PropTypes.string,
   hideSwitchTools: PropTypes.boolean,
 };
 

src/components/UserMenu/index.jsx

@@ -4,16 +4,14 @@
  * Shows logged-in user with user menu with options like log-out.
  */
 import React, { useState, useCallback, Fragment } from "react";
-import { Link } from "@reach/router";
-import PropTypes from "prop-types";
 import Avatar from "../Avatar";
 import cn from "classnames";
 import OutsideClickHandler from "react-outside-click-handler";
-import { logout, getLogoutUrl } from "../../utils";
+import { logout, getLogoutUrl, getProfileUrl } from "../../utils";
 import "./styles.css";
 import { useMediaQuery } from "react-responsive";
 
-const UserMenu = ({ profile, profileUrl }) => {
+const UserMenu = ({ profile }) => {
   const [isOpenMenu, setIsOpenMenu] = useState(false);
 
   const closeMenu = useCallback(() => {
@@ -65,12 +63,9 @@ const UserMenu = ({ profile, profileUrl }) => {
               <div className="user-menu-popover-content">
                 <ul className="user-menu-list">
                   <li>
-                    <Link
-                      to={`${profileUrl}`}
-                      onClick={closeMenu}
-                    >
+                    <a href={getProfileUrl(profile.handle)} onClick={closeMenu}>
                       Profile
-                    </Link>
+                    </a>
                   </li>
                   <li>
                     <a href={getLogoutUrl()} onClick={onLogoutClick}>
@@ -87,12 +82,4 @@ const UserMenu = ({ profile, profileUrl }) => {
   );
 };
 
-UserMenu.defaultProps = {
-  profileUrl: '/profile',
-};
-
-UserMenu.propTypes = {
-  profileUrl: PropTypes.string,
-};
-
 export default UserMenu;

src/constants/apps.js

@@ -83,18 +83,6 @@ export const APP_CATEGORIES = [
       },
     ],
   },
-  {
-    category: "Profile",
-    hidden: true,
-    apps: [
-      {
-        title: "Profile App",
-        path: "/profile/",
-        isExact: false,
-        menu: [],
-      },
-    ],
-  },
   {
     category: "Onboard",
     hidden: true,

src/utils/index.js

@@ -11,6 +11,12 @@ export const getLogoutUrl = () =>
     "https://" + window.location.host
   )}`;
 
+/**
+ * Generate Profiles URL
+ */
+export const getProfileUrl = (handle) =>
+  `${config.URL.PLATFORM_PROFILES_URL}/${handle}`;
+
 /**
  * Generate Login URL
  */