alex/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix hydration error & auth button

Browse Source
This commit is contained in:
alex 3
2023-10-22 19:05:05 -04:00
parent 47c3adad3e
commit 39c2b9514c
2 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/footer.tsx
+1 -3
View File
@@ -6,10 +6,8 @@ export default function Footer() {
<> <>
<div className="absolute bottom-0 left-0 w-full bg-gray-900 p-2 text-white"> <div className="absolute bottom-0 left-0 w-full bg-gray-900 p-2 text-white">
<p className="text-center"> <p className="text-center">
<Link href="mailto:alex@alexavfrantz.com"> <Link href="mailto:alex@alexavfrantz.com" className="hover:text-gray-500 hover:underline hover:cursor-pointer">
<p className="hover:text-gray-500 hover:underline hover:cursor-pointer">
alex@alexavfrantz.com alex@alexavfrantz.com
</p>
</Link> </Link>
</p> </p>
<p className="text-center"> <p className="text-center">
src/components/header.tsx
+7 -2
View File
@@ -1,5 +1,4 @@
import {useSession, signIn, signOut} from 'next-auth/react'; import {useSession, signIn, signOut} from 'next-auth/react';
import Head from 'next/head';
import HeaderItem from "./HeaderItem"; import HeaderItem from "./HeaderItem";
export default function Header() { export default function Header() {
@@ -12,7 +11,13 @@ export default function Header() {
<div className="inline-block pb-2"> <div className="inline-block pb-2">
<HeaderItem content="home" linkTo="/" /> <HeaderItem content="home" linkTo="/" />
<HeaderItem content="reviews" linkTo="/reviews" /> <HeaderItem content="reviews" linkTo="/reviews" />
<HeaderItem content={status == "unauthenticated" ? "login" : "logout" } onClick={status == "authenticated" ? signOut : signIn} linkTo="" /> <HeaderItem content={status == "unauthenticated" ? "login" : "logout" } onClick={async () => {
if (status == "unauthenticated") {
await signIn()
} else {
await signOut()
}
}} linkTo="" />
</div> </div>
<hr /> <hr />
</div> </div>