chore: fix up nav

Next requires links to use next/link
Fixed Icon sizes
This commit is contained in:
Sean Norwood 2022-04-07 22:52:28 +00:00
parent 8616959fee
commit 9608c892a9
1 changed files with 8 additions and 6 deletions

View File

@ -35,9 +35,11 @@ export const Nav = () => {
<div className="nav-item">home</div> <div className="nav-item">home</div>
</a> </a>
</NextLink> </NextLink>
<a href="/channel"> <NextLink href="/channel">
<div className="nav-item">channels</div> <a>
</a> <div className="nav-item">channels</div>
</a>
</NextLink>
<a href="/playlist"> <a href="/playlist">
<div className="nav-item">playlists</div> <div className="nav-item">playlists</div>
</a> </a>
@ -48,7 +50,7 @@ export const Nav = () => {
<div className="nav-icons"> <div className="nav-icons">
<a href="/search"> <a href="/search">
<NextImage <NextImage
width={40} width={50}
height={40} height={40}
src={IconSearch} src={IconSearch}
alt="search-icon" alt="search-icon"
@ -57,7 +59,7 @@ export const Nav = () => {
</a> </a>
<a href="/settings"> <a href="/settings">
<NextImage <NextImage
width={40} width={50}
height={40} height={40}
src={IconGear} src={IconGear}
alt="gear-icon" alt="gear-icon"
@ -69,7 +71,7 @@ export const Nav = () => {
onClick={!!session?.user ? () => signOut() : () => signIn()} onClick={!!session?.user ? () => signOut() : () => signIn()}
> >
<NextImage <NextImage
width={40} width={50}
height={40} height={40}
className="alert-hover" className="alert-hover"
src={IconExit} src={IconExit}