Scrapboard.org client
1// components/LoginButton.tsx
2"use client";
3import { useAuth } from "@/lib/hooks/useAuth";
4
5export default function LoginButton() {
6 const { login, loading, session } = useAuth();
7
8 if (loading) return <p>Loading...</p>;
9 if (session) return <p>Signed in as {session.sub}</p>;
10
11 return (
12 <button onClick={() => login("your.handle.bsky.social")}>
13 Sign in with Bluesky
14 </button>
15 );
16}