Merge pull request #429 from topcoder-platform/PROD-3245_uni-nav-types

PROD-3245 - universal-navigation types -> PROD-3115_uni-nav

Author: brooketopcoder

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'
@@ -26,8 +27,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 {
@@ -86,7 +86,7 @@ const Header: FC = () => {
                 user: profile ? {
                     handle: profile.handle,
                     initials: `${profile.firstName.charAt(0)}${profile.lastName.charAt(0)}`,
-                    photoURL: profile.photoURL,
+                    photoUrl: profile.photoURL,
                     userId: profile.userId,
                 } : undefined,
             },
@@ -110,7 +110,7 @@ const Header: FC = () => {
             navElementId,
             {
                 toolName: activeToolName,
-                toolRoute: activeToolRoute,
+                toolRoot: activeToolRoute,
             },
         )
     }, [