only display extra footer links on homepage

This commit is contained in:
keyan 2021-08-11 15:40:18 -05:00
parent 9fce2154f6
commit 89b8e391c9
1 changed files with 19 additions and 14 deletions

View File

@ -7,8 +7,10 @@ import Texas from '../svgs/texas.svg'
import Github from '../svgs/github-fill.svg'
import Twitter from '../svgs/twitter-fill.svg'
import Link from 'next/link'
import { useRouter } from 'next/router'
export default function Footer () {
const router = useRouter()
const query = gql`
{
connectAddress
@ -32,20 +34,23 @@ export default function Footer () {
placeholder={data.connectAddress}
/>
</div>}
<Link href='/faq' passHref>
<a className='text-dark d-inline-flex'>
FAQ
</a>
</Link>
<span className='text-muted mx-2'> \ </span>
<a href='/rss' className='text-dark d-inline-flex' target='_blank'>
RSS
</a>
<span className='text-muted mx-2'> \ </span>
<a href='https://plausible.io/stacker.news' className='text-dark d-inline-flex' target='_blank' rel='noreferrer'>
Analytics
</a>
<span className='text-muted mx-2'> \ </span>
{router.asPath === '/' &&
<>
<Link href='/faq' passHref>
<a className='text-dark d-inline-flex'>
FAQ
</a>
</Link>
<span className='text-muted mx-2'> \ </span>
<a href='/rss' className='text-dark d-inline-flex' target='_blank'>
RSS
</a>
<span className='text-muted mx-2'> \ </span>
<a href='https://plausible.io/stacker.news' className='text-dark d-inline-flex' target='_blank' rel='noreferrer'>
Analytics
</a>
<span className='text-muted mx-2'> \ </span>
</>}
<small>
<a className='text-dark d-inline-flex' href='https://github.com/stackernews/stacker.news'>
This is free open source software <Github width={20} height={20} className='mx-1' />