Add auth screens (#193)

This commit is contained in:
Kerem Yilmaz
2024-04-15 11:54:12 -07:00
committed by GitHub
parent a8b156a36d
commit 6b7b9ab414
6 changed files with 78 additions and 10 deletions

View File

@@ -4,8 +4,17 @@ import { SideNav } from "./SideNav";
import { DiscordLogoIcon, GitHubLogoIcon } from "@radix-ui/react-icons";
import { Logo } from "@/components/Logo";
import { ThemeToggle } from "@/components/ThemeSwitch";
import { Profile } from "./Profile";
import { useContext } from "react";
import { UserContext } from "@/store/UserContext";
type Props = {
onLogout?: () => void;
};
function RootLayout({ onLogout }: Props) {
const user = useContext(UserContext);
function RootLayout() {
return (
<>
<div className="w-full h-full px-4">
@@ -20,6 +29,11 @@ function RootLayout() {
</div>
</Link>
<SideNav />
{user ? (
<div className="absolute bottom-2 left-0 w-72 px-6 shrink-0">
<Profile name={user.name} onLogout={onLogout} />
</div>
) : null}
</aside>
<div className="pl-72 h-24 flex justify-end items-center px-6 gap-4">
<Link