PROD-2086 #comment remove obsolete url from mobile hamburger nav #time 15m

Author: brooketopcoder

src-ts/header/tool-selectors/tool-selectors-narrow/ToolSelectorsNarrow.tsx

@@ -8,10 +8,10 @@ import styles from './ToolSelectorsNarrow.module.scss'
 
 const ToolSelectorsNarrow: FC<{}> = () => {
 
-    const { toolsRoutes }: RouteContextData = useContext(routeContext)
+    const { toolsRoutesForNav }: RouteContextData = useContext(routeContext)
     const [isOpen, setIsOpen]: [boolean, Dispatch<SetStateAction<boolean>>] = useState<boolean>(false)
 
-    const toolSelectors: Array<JSX.Element> = toolsRoutes
+    const toolSelectors: Array<JSX.Element> = toolsRoutesForNav
         .map(route => (
             <ToolSelectorNarrow
                 key={route.title}

src-ts/header/tool-selectors/tool-selectors-wide/ToolSelectorsWide.tsx

@@ -7,10 +7,9 @@ import styles from './ToolSelectorsWide.module.scss'
 
 const ToolSelectorsWide: FC<{}> = () => {
 
-    const { toolsRoutes }: RouteContextData = useContext(routeContext)
+    const { toolsRoutesForNav }: RouteContextData = useContext(routeContext)
 
-    const selectors: Array<JSX.Element> = toolsRoutes
-        .filter(route => !route.hide)
+    const selectors: Array<JSX.Element> = toolsRoutesForNav
         .map(route => (
             <ToolSelectorWide
                 key={route.title}

src-ts/lib/route-provider/route-context-data.model.ts

@@ -14,5 +14,6 @@ export interface RouteContextData {
     rootLoggedInRoute: string
     rootLoggedOutRoute: string
     toolsRoutes: Array<PlatformRoute>
+    toolsRoutesForNav: Array<PlatformRoute>
     utilsRoutes: Array<PlatformRoute>
 }

src-ts/lib/route-provider/route.context.tsx

@@ -14,6 +14,7 @@ export const defaultRouteContextData: RouteContextData = {
     rootLoggedInRoute: '',
     rootLoggedOutRoute: '',
     toolsRoutes: [],
+    toolsRoutesForNav: [],
     utilsRoutes: [],
 }
 

src-ts/lib/route-provider/route.provider.tsx

@@ -27,6 +27,7 @@ export const RouteProvider: FC<RouteProviderProps> = (props: RouteProviderProps)
 
         // TODO: try to make these prop names configurable instead of hard-codded
         const toolsRoutes: Array<PlatformRoute> = props.toolsRoutes.filter(route => route.enabled)
+        const toolsRoutesForNav: Array<PlatformRoute> = toolsRoutes.filter(route => !route.hide)
         const utilsRoutes: Array<PlatformRoute> = props.utilsRoutes.filter(route => route.enabled)
         allRoutes = [
             ...toolsRoutes,
@@ -44,6 +45,7 @@ export const RouteProvider: FC<RouteProviderProps> = (props: RouteProviderProps)
             rootLoggedInRoute: props.rootLoggedIn,
             rootLoggedOutRoute: props.rootLoggedOut,
             toolsRoutes,
+            toolsRoutesForNav,
             utilsRoutes,
         }
         setRouteContextData(contextData)