31 lines
883 B
TypeScript
31 lines
883 B
TypeScript
import Link from "next/link";
|
|
|
|
import { Button } from "./ui/button";
|
|
import { createClient } from "@/lib/supabase/server";
|
|
import { LogoutButton } from "./logout-button";
|
|
import { routes } from "@/lib/routes";
|
|
|
|
export async function AuthButton() {
|
|
const supabase = await createClient();
|
|
const { data } = await supabase.auth.getClaims();
|
|
const user = data?.claims;
|
|
|
|
return user ? (
|
|
<div className="flex items-center gap-3">
|
|
<Button asChild size="sm" variant="outline">
|
|
<Link href={routes.avatar}>Open app</Link>
|
|
</Button>
|
|
<LogoutButton />
|
|
</div>
|
|
) : (
|
|
<div className="flex gap-2">
|
|
<Button asChild size="sm" variant={"outline"}>
|
|
<Link href={routes.login}>Sign in</Link>
|
|
</Button>
|
|
<Button asChild size="sm" variant={"default"}>
|
|
<Link href={routes.signUp}>Sign up</Link>
|
|
</Button>
|
|
</div>
|
|
);
|
|
}
|