adelorenzo/workspaces_registry_template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Pass basepath as part of the link for the home link

Browse Source
This commit is contained in:
Chris Hunt 2023-03-29 15:10:53 +01:00
parent 48f4f661e0
commit 5104a182a2
No known key found for this signature in database
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
site/components/header.js
View File

@ -16,6 +16,7 @@ export default function Header({ searchText, changeSearch }) {
} }
const listUrl = process.env.listUrl; const listUrl = process.env.listUrl;
const router = useRouter(); const router = useRouter();
const getLink = (path) => `${router.basePath}${path}`;
return ( return (
<header className="relative font-light overflow-hidden bg-gradient-to-tr from-[#162d48] to-[#2980b9] p-8 xl:px-32 text-white gap-5 md:gap-0 flex flex-wrap justify-center items-center"> <header className="relative font-light overflow-hidden bg-gradient-to-tr from-[#162d48] to-[#2980b9] p-8 xl:px-32 text-white gap-5 md:gap-0 flex flex-wrap justify-center items-center">
@ -44,7 +45,7 @@ export default function Header({ searchText, changeSearch }) {
</div> </div>
</div> </div>
<nav className='relative z-10 mx-12'> <nav className='relative z-10 mx-12'>
<Link href="/" className={'p-4 inline-block rounded-full border border-solid' + (router.pathname == "/" ? ' border-white/30' : ' border-transparent')}>Library</Link> <a href={getLink("/")} className={'p-4 inline-block rounded-full border border-solid' + (router.pathname == "/" ? ' border-white/30' : ' border-transparent')}>Library</a>
<Link href="/new/" className={'p-4 inline-block rounded-full border border-solid' + (router.pathname.startsWith("/new") ? ' bg-black/10 border-white/30' : ' border-transparent')}>New</Link> <Link href="/new/" className={'p-4 inline-block rounded-full border border-solid' + (router.pathname.startsWith("/new") ? ' bg-black/10 border-white/30' : ' border-transparent')}>New</Link>
</nav> </nav>
<div className="grow flex justify-center relative z-10"> <div className="grow flex justify-center relative z-10">