Merge pull request #109 from topcoder-platform/PROD-3412_about-us

PROD-3412 - show about us item only in topbar -> dev

Author: brooketopcoder

src/lib/marketing-navigation/MarketingNavigation.svelte

@@ -11,6 +11,7 @@
   import { isMobile } from 'lib/utils/window-size.store';
   import { checkAndLoadFonts } from 'lib/utils/fonts';
   import NavigationBar from './components/NavigationBar.svelte';
+  import AboutUsMenuItem from './components/AboutUsMenuItem.svelte';
 
   const ctx = getAppContext()
   $: ({auth} = $ctx)
@@ -40,7 +41,10 @@
     menuItems={menuItems}
     isMobile={$isMobile}
   >
-    <UserArea slot="auth" />
+    <svelte:fragment slot="auth">
+      <AboutUsMenuItem />
+      <UserArea />
+    </svelte:fragment>
   </NavigationBar>
 
   {#if !$isMobile}

…ion/components/NavigationBar.module.scss …n/components/AboutUsMenuItem.module.scsssrc/lib/marketing-navigation/components/NavigationBar.module.scss renamed to src/lib/marketing-navigation/components/AboutUsMenuItem.module.scss src/lib/marketing-navigation/components/NavigationBar.module.scss renamed to src/lib/marketing-navigation/components/AboutUsMenuItem.module.scss

@@ -0,0 +1,13 @@
+<script lang="ts">
+  import LinksMenu from "lib/components/LinksMenu.svelte";
+  import { navItems } from "lib/config/nav-menu/nav-items.config";
+  import styles from './AboutUsMenuItem.module.scss';
+
+  export let isMobile: boolean = false
+
+</script>
+
+{#if !isMobile}
+  <LinksMenu menuItems={[navItems.aboutUs]} style="primary" />
+  <div class={styles.separator}/>
+{/if}

src/lib/marketing-navigation/components/AboutUsMenuItem.svelte

@@ -4,9 +4,6 @@
     import LinksMenu from '../../components/LinksMenu.svelte';
     import TopNavbar from 'lib/components/TopNavbar.svelte';
     import MobileNavigation from 'lib/mobile-navigation/MobileNavigation.svelte';
-    import { navItems } from 'lib/config/nav-menu/nav-items.config';
-    import styles from './NavigationBar.module.scss';
-
 
     export let style: 'primary'|'secondary'|'tertiary';
     export let menuItems: NavMenuItem[] = [];
@@ -45,10 +42,6 @@
   {/if}
 
   <svelte:fragment slot="right">
-    {#if !isMobile}
-      <LinksMenu menuItems={[navItems.aboutUs]} style="primary" />
-      <div class={styles.separator}/>
-    {/if}
     <slot name="auth"></slot>
   </svelte:fragment>
 </TopNavbar>