PROD RELEASE - Updated header/footer on platform to reflect Phase II updates as planned

src/lib/components/LinksMenu.module.scss

@@ -73,6 +73,9 @@
 
     &:global(.has-menu) {
       cursor: pointer;
+      display: flex;
+      align-items: center;
+      gap: 3px;
     }
   }
 

src/lib/components/user-area/UserArea.svelte

@@ -3,6 +3,7 @@
   import { getAppContext } from 'lib/app-context';
   import { checkUserAppRole, fetchUserProfile } from 'lib/functions/user-profile.provider';
   import { fetchUserProfileCompletedness } from 'lib/functions/profile-nudges';
+  import { AUTH0_AUTHENTICATOR_URL } from 'lib/config';
   import { AUTH_USER_ROLE } from 'lib/config/auth';
   import { DISABLE_NUDGES } from "lib/config/profile-toasts.config";
 
@@ -12,7 +13,7 @@
   import UserAvatar from './UserAvatar.svelte';
   import styles from './UserArea.module.scss'
   import Completedness from './Completedness.svelte';
-  import AuthArea from './AuthArea.svelte';
+  import Button from '../Button.svelte';
 
   const ctx = getAppContext();
 
@@ -74,13 +75,25 @@
     const authUser = await fetchUserProfile();
     $ctx.auth = {...$ctx.auth, ready: true, user: authUser};
   });
+
+  function onSignIn(signup?: any) {
+    const locationHref = `${window.location.origin}${window.location.pathname}`
+    window.location.href = `${AUTH0_AUTHENTICATOR_URL}?retUrl=${encodeURIComponent(locationHref)}${signup === true ? '&mode=signUp' : ''}`;
+  }
+
+  function onSignUp() {
+    onSignIn(true);
+  }
 </script>
 
 {#if isReady}
   <VerticalSeparator />
   <div class={styles.userAreaWrap}>
     {#if !user}
-      <AuthArea />
+      <div class={styles.btnsWrap}>
+        <Button label="Log in" onClick={onSignIn} />
+        <Button variant="primary" label="Sign Up" onClick={onSignUp} />
+      </div>
     {:else }
       <ToolSelector />
       <UserAvatar

src/lib/components/user-area/UserMenu.svelte

@@ -35,11 +35,6 @@
         class:active={isActive(ACC_SETTINGS_URL)}
       >Account Settings</a>
     </li>
-    <li>
-      <a
-        href={`${CUSTOMER_LOGIN}/login?as=customer`}
-      >Log in as Customer</a>
-    </li>
     <li>
       <a
         href={"javascript:;"}

src/lib/config/nav-menu/all-nav-items.config.ts

@@ -132,12 +132,6 @@ export const allNavItems: {[key: string]: NavMenuItem} = {
         icon: 'review',
         description: 'Review submissions',
     },
-    selfServiceApp: {
-        label: 'Self Service Challenges',
-        url: SELF_SERVICE_HOST,
-        icon: 'self-service',
-        description: 'Launch and manage work',
-    },
     communityHome: {
         label: 'Community Home',
         description: 'Recent challenges and news.',
@@ -162,12 +156,6 @@ export const allNavItems: {[key: string]: NavMenuItem} = {
         icon: 'tcacademy',
         description: 'Learn new skills',
     },
-    topCrowdApp: {
-        // description: 'Engage and reward your workforce',
-        icon: 'topcrowd',
-        label: 'Topcoder Platform',
-        url: 'https://app.topcoder.com',
-    },
     workManager: {
         label: 'Work Manager',
         icon: 'work-manager',

src/lib/config/nav-menu/footer-nav-items.ts

@@ -31,7 +31,7 @@ export const footerNavItems: NavMenuItem = {
               },
               allNavItems.opportunities,
               allNavItems.mmTournament,
-              // allNavItems.aiHub,
+              allNavItems.aiHub,
               allNavItems.articles,
               allNavItems.statistics,
             ]

src/lib/config/nav-menu/main-navigation.config.ts

@@ -12,7 +12,7 @@ export const mainNavigationItems: NavMenuItem[] = [
     children: [
       allNavItems.opportunities,
       allNavItems.mmTournament,
-      // allNavItems.aiHub,
+      allNavItems.aiHub,
       allNavItems.articles,
       allNavItems.statistics,
     ]

src/lib/config/nav-menu/tool-selector-nav-items.ts

@@ -10,8 +10,6 @@ export const toolSelectorNavItems: NavMenuItem = {
       children: [
         {
           children: [
-            allNavItems.topCrowdApp,
-            allNavItems.selfServiceApp,
             allNavItems.talentSearchApp,
           ]
         },
@@ -45,13 +43,13 @@ export const toolSelectorNavItems: NavMenuItem = {
             allNavItems.payments
           ]
         },
-        // {
-        //   label: "AI",
-        //   groupOrder: 3,
-        //   children: [
-        //     allNavItems.aiHub,
-        //   ]
-        // },
+        {
+          label: "AI",
+          groupOrder: 3,
+          children: [
+            allNavItems.aiHub,
+          ]
+        },
         {
           label: "Compete",
           groupOrder: 3,