Merge pull request #143 from topcoder-platform/PROD-2399_urls

PROD-2399 Map Work to Platform UI -> dev

Author: brooketopcoder

config/dev.js

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

config/prod.js

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

src/components/AllAppsMenu/index.jsx

@@ -76,13 +76,29 @@ const AllAppsMenu = () => {
                         }
                         return (
                           <li className="all-apps-menu-app" key={app.path}>
-                            <Link
-                              to={app.path}
-                              onClick={(e) => closeMenu(e, app)}
-                            >
-                              <img src={app.icon} alt={`${app.title} Icon`} />
-                              <span>{app.title}</span>
-                            </Link>
+                            {!!app.link && (
+                              <a
+                                alt={app.title}
+                                href={app.link}
+                              >
+                                <img
+                                  alt={`${app.title} Icon`}
+                                  src={app.icon}
+                                />
+                                <span>
+                                  {app.title}
+                                </span>
+                              </a>
+                            )}
+                            {!app.link && (
+                              <Link
+                                to={app.path}
+                                onClick={(e) => closeMenu(e, app)}
+                              >
+                                <img src={app.icon} alt={`${app.title} Icon`} />
+                                <span>{app.title}</span>
+                              </Link>
+                            )}
                           </li>
                         );
                       })}

src/components/AllAppsMenu/styles.css

@@ -165,11 +165,6 @@
     font-size: 24px;
   }
 
-  .all-apps-menu-app {
-    width: 100%;
-    margin: 0;
-  }
-
   .all-apps-menu-popover-content {
     padding: 0;
     padding-top: 30px;

src/constants/apps.js

@@ -1,6 +1,7 @@
 /**
  * Config for the All Apps menu.
  */
+import config from "../../config";
 import appDocumentationIcon from "../assets/images/learn.svg";
 import appTaasIcon from "../assets/images/integrations.svg";
 import appTaasAdminIcon from "../assets/images/taas-admin.png";
@@ -61,12 +62,12 @@ export const APP_CATEGORIES = [
     ],
   },
   {
-    category: "Self Service",
+    category: "Work",
     apps: [
       {
-        title: "Work",
+        title: "Self Service",
         icon: earnIcon,
-        path: "/self-service",
+        link: `${config.URL.PLATFORM_UI}/work/dashboard`,
         menu: [],
       },
     ],