diff --git a/src/components/nav/Footer.tsx b/src/components/nav/Footer.tsx index 538c0348..6d8c65a7 100644 --- a/src/components/nav/Footer.tsx +++ b/src/components/nav/Footer.tsx @@ -1,4 +1,5 @@ import Link from 'next/link'; +import { ReactNode } from 'react'; import { links } from '../../consts/links'; import { Color } from '../../styles/Color'; @@ -7,15 +8,22 @@ import { Github } from '../icons/Github'; import { HyperlaneLogo } from '../icons/HyperlaneLogo'; import { Twitter } from '../icons/Twitter'; -const footerLinks1 = [ - { title: 'Docs', url: links.docs, external: true }, - { title: 'Homepage', url: links.home, external: true }, - { title: 'Explorer', url: links.explorer, external: true }, -]; +type FooterLink = { + title: string; + url: string; + external: boolean; + icon?: ReactNode; +}; -const footerLinks3 = [ +const footerLinks: FooterLink[] = [ + { title: 'Docs', url: links.docs, external: true }, + { title: 'Terms', url: links.tos, external: true }, { title: 'Twitter', url: links.twitter, external: true, icon: }, + { title: 'Homepage', url: links.home, external: true }, + { title: 'Privacy', url: links.privacyPolicy, external: true }, { title: 'Discord', url: links.discord, external: true, icon: }, + { title: 'Explorer', url: links.explorer, external: true }, + { title: 'Bounty', url: links.bounty, external: true }, { title: 'Github', url: links.github, external: true, icon: }, ]; @@ -49,21 +57,8 @@ function FooterLogo() { function FooterNav() { return (