PROD-3245 - add universal-navigation as npm dependency, fix typings issue in header

Author: vas3a

package.json

@@ -69,6 +69,7 @@
         "swr": "^1.3.0",
         "tc-auth-lib": "topcoder-platform/tc-auth-lib#1.0.26",
         "typescript": "^4.8.4",
+        "universal-navigation": "https://github.com/topcoder-platform/universal-navigation",
         "uuid": "^9.0.0"
     },
     "devDependencies": {

src-ts/header/Header.tsx

@@ -10,6 +10,7 @@ import {
     useState,
 } from 'react'
 import { NavigateFunction, useNavigate } from 'react-router-dom'
+import { type TcUniNavFn } from 'universal-navigation'
 import classNames from 'classnames'
 
 import { EnvironmentConfig, PageSubheaderPortalId } from '../config'
@@ -27,7 +28,7 @@ import {
 import UniNavSnippet from './universal-nav-snippet'
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-declare let tcUniNav: any
+declare let tcUniNav: TcUniNavFn
 UniNavSnippet(EnvironmentConfig.UNIVERSAL_NAV.URL)
 
 interface NavigationRequest {
@@ -80,13 +81,13 @@ const Header: FC = () => {
                 signIn() { window.location.href = authUrlLogin() },
                 signOut() { window.location.href = authUrlLogout },
                 signUp() { window.location.href = authUrlSignup() },
-                toolName: activeToolName,
-                toolRoot: activeToolRoute,
+                toolName: activeToolName ?? '',
+                toolRoot: activeToolRoute ?? '',
                 type: 'tool',
                 user: profile ? {
                     handle: profile.handle,
                     initials: `${profile.firstName.charAt(0)}${profile.lastName.charAt(0)}`,
-                    photoURL: profile.photoURL,
+                    photoURL: profile.photoURL ?? '',
                     userId: profile.userId,
                 } : undefined,
             },
@@ -109,8 +110,8 @@ const Header: FC = () => {
             'update',
             navElementId,
             {
-                toolName: activeToolName,
-                toolRoute: activeToolRoute,
+                toolName: activeToolName ?? '',
+                toolRoot: activeToolRoute ?? '',
             },
         )
     }, [

yarn.lock

@@ -14062,6 +14062,10 @@ unique-string@^2.0.0:
   dependencies:
     crypto-random-string "^2.0.0"
 
+"universal-navigation@https://github.com/topcoder-platform/universal-navigation":
+  version "1.0.0"
+  resolved "https://github.com/topcoder-platform/universal-navigation#1324cf3b338a9b5c98a758bf1876f8ef4d78aacb"
+
 universalify@^0.2.0:
   version "0.2.0"
   resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.2.0.tgz#6451760566fa857534745ab1dde952d1b1761be0"