add loyalty program url if arbitrum is connected

Author: evandrosaturnino

src/pages/PageLayout.tsx

@@ -23,10 +23,17 @@ const PageLayout: FC<PageLayoutProps> = ({
     ? pages.filter((_) => !_.route.hideFromMenu).map((_) => _.route)
     : []
 
+  const visibleExternalLinks = externalLinks
+    ? externalLinks?.filter((_) => !_.hideFromMenu)
+    : []
+
   return (
     <>
       {links.length > 0 && (
-        <SubNavigationPills links={links} externalLinks={externalLinks} />
+        <SubNavigationPills
+          links={links}
+          externalLinks={visibleExternalLinks}
+        />
       )}
       <Container
         maxW={{ base: "2xl", xl: "6xl" }}

src/pages/tBTC/index.tsx

@@ -5,13 +5,21 @@ import TBTCBridge from "./Bridge"
 import { featureFlags } from "../../constants"
 import { ExplorerPage } from "./Explorer"
 import { ResumeDepositPage } from "./Bridge/ResumeDeposit"
+import { useIsActive } from "../../hooks/useIsActive"
+import { SupportedChainIds } from "../../networks/enums/networks"
 
 const MainTBTCPage: PageComponent = (props) => {
+  const { chainId } = useIsActive()
   const externalLinks = [
     {
       title: "tBTC Explorer",
       href: "https://tbtcscan.com/",
     },
+    {
+      title: "Loyalty Program",
+      href: "https://arbitrum.threshold.network/loyalty-program",
+      hideFromMenu: chainId !== SupportedChainIds.Arbitrum,
+    },
   ]
 
   return (

src/types/page.ts

@@ -19,4 +19,5 @@ export type PageComponent = FC<RouteProps> & {
 
 export type ExternalLinkProps = LinkProps & {
   title: string
+  hideFromMenu?: boolean
 }