Merge pull request #151 from topcoder-platform/dev

10/30/2023 PROD Release - Turns off TaaS app, Tass Admin, Onboarding, old profiles, Self Service

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

@@ -18,34 +18,6 @@ export const APP_CATEGORIES = [
   {
     category: "Manage",
     apps: [
-      {
-        title: "TaaS",
-        icon: appTaasIcon,
-        path: "/taas",
-        menu: [
-          {
-            title: "My Teams",
-            path: "/taas/myteams",
-            icon: myteamsIcon,
-            activeIcon: myteamsGreenIcon,
-            isExact: false,
-          },
-          {
-            title: "Create New Team",
-            path: "/taas/createnewteam",
-            icon: createTeamIcon,
-            activeIcon: createTeamGreenIcon,
-            isExact: false,
-          },
-        ],
-      },
-      {
-        title: "TaaS Admin",
-        icon: appTaasAdminIcon,
-        path: "/taas-admin",
-        menu: [],
-        roles: ["bookingmanager", "administrator"],
-      },
       {
         title: "Documentation",
         icon: appDocumentationIcon,
@@ -61,17 +33,6 @@ export const APP_CATEGORIES = [
       },
     ],
   },
-  {
-    category: "Work",
-    apps: [
-      {
-        title: "Self Service",
-        icon: earnIcon,
-        link: `${config.URL.PLATFORM_UI}/work/dashboard`,
-        menu: [],
-      },
-    ],
-  },
   {
     category: "Do",
     apps: [
@@ -83,28 +44,4 @@ export const APP_CATEGORIES = [
       },
     ],
   },
-  {
-    category: "Profile",
-    hidden: true,
-    apps: [
-      {
-        title: "Profile App",
-        path: "/profile/",
-        isExact: false,
-        menu: [],
-      },
-    ],
-  },
-  {
-    category: "Onboard",
-    hidden: true,
-    apps: [
-      {
-        title: "Member Onboarding",
-        path: "/onboard",
-        isExact: false,
-        menu: [],
-      },
-    ],
-  },
 ];

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
  */