fix: fix global layout overscroll + link colors (#404)

This commit is contained in:
2024-09-04 09:26:23 -06:00
committed by GitHub
parent c80d59e23f
commit 6aab6ac3fa
6 changed files with 23 additions and 42 deletions

View File

@@ -1,7 +1,6 @@
"use client";
import { useSession, signOut, signIn } from "next-auth/react";
import { Spinner } from "@chakra-ui/react";
import Link from "next/link";
import { Spinner, Link } from "@chakra-ui/react";
export default function UserInfo() {
const { status } = useSession();
@@ -11,28 +10,20 @@ export default function UserInfo() {
return !sessionReady ? (
<Spinner size="xs" thickness="1px" className="mx-3" />
) : !isAuthenticated ? (
<span className="hover:underline focus-within:underline underline-offset-2 decoration-[.5px] font-light px-2">
<Link
href="/"
onClick={() => signIn("authentik")}
className="outline-none"
prefetch={false}
>
Log in
</Link>
</span>
<Link
href="/"
className="font-light px-2"
onClick={() => signIn("authentik")}
>
Log in
</Link>
) : (
<span className="font-light px-2">
<span className="hover:underline focus-within:underline underline-offset-2 decoration-[.5px]">
<Link
href="#"
onClick={() => signOut({ callbackUrl: "/" })}
className="outline-none"
prefetch={false}
>
Log out
</Link>
</span>
</span>
<Link
href="#"
className="font-light px-2"
onClick={() => signOut({ callbackUrl: "/" })}
>
Log out
</Link>
);
}