diff --git a/src/config.ts b/src/config.ts index d5c356ea..e2912d21 100644 --- a/src/config.ts +++ b/src/config.ts @@ -34,3 +34,7 @@ export const branchBridgeHref = (branchName: string) => export const signerTarget = 'wallet'; export const disclaimerHref = 'https://docs.inter.trade/disclaimer'; + +export const psmHref = 'https://psm.inter.trade/'; + +export const analyticsHref = 'https://info.inter.trade/'; diff --git a/src/views/Root.tsx b/src/views/Root.tsx index cbbc4528..a50f0f4a 100644 --- a/src/views/Root.tsx +++ b/src/views/Root.tsx @@ -1,6 +1,8 @@ import { NavLink, Outlet, useLocation, Navigate } from 'react-router-dom'; import ConnectWalletButton from '../components/ConnectWalletButton'; import React, { Suspense } from 'react'; +import { HiExternalLink } from 'react-icons/hi'; +import { psmHref, analyticsHref } from '../config'; const NetworkDropdown = React.lazy( () => import('../components/NetworkDropdown'), @@ -9,19 +11,25 @@ const NetworkDropdown = React.lazy( type NavItemProps = { label: string; href: string; + isExternal?: boolean; }; -const NavItem = ({ label, href }: NavItemProps) => { +const NavItem = ({ label, href, isExternal = false }: NavItemProps) => { return (
  • {({ isActive }) => ( <>
    - {label} + + {label} + {isExternal && } + +
    {