Dmytro Stanchiev
8eda6c89e2
- Install skeleton and tooltip shadcn components - event-dialog: textarea → Textarea, duration chips → Button ghost - date-time-picker: raw button trigger → Button outline, quick-date chips → Button ghost - event-card: <a> URL link → Button link asChild - sign-in: animate-pulse div → Skeleton - ai-toolbar: animate-pulse div → Skeleton, event count span → Badge secondary - event-actions-toolbar: event count span → Badge secondary
53 lines
1.1 KiB
TypeScript
53 lines
1.1 KiB
TypeScript
"use client";
|
|
|
|
import { LogIn, LogOut } from "lucide-react";
|
|
import { useRouter } from "next/navigation";
|
|
import { toast } from "sonner";
|
|
import { Button } from "@/components/ui/button";
|
|
import { Skeleton } from "@/components/ui/skeleton";
|
|
import { signOut, useSession } from "@/lib/auth-client";
|
|
|
|
export default function SignIn() {
|
|
const { data: session, isPending } = useSession();
|
|
const router = useRouter();
|
|
|
|
const handleSignOut = async () => {
|
|
try {
|
|
await signOut();
|
|
router.push("/");
|
|
} catch {
|
|
toast.error("Failed to sign out. Please try again.");
|
|
}
|
|
};
|
|
|
|
if (isPending) {
|
|
return <Skeleton className="h-8 w-16" />;
|
|
}
|
|
|
|
if (session?.user) {
|
|
return (
|
|
<Button
|
|
onClick={handleSignOut}
|
|
variant="ghost"
|
|
size="sm"
|
|
className="h-8 text-xs text-muted-foreground"
|
|
>
|
|
<LogOut className="h-3.5 w-3.5 mr-1.5" />
|
|
Sign Out
|
|
</Button>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<Button
|
|
onClick={() => router.push("/auth/signin")}
|
|
variant="ghost"
|
|
size="sm"
|
|
className="h-8 text-xs"
|
|
>
|
|
<LogIn className="h-3.5 w-3.5 mr-1.5" />
|
|
Sign In
|
|
</Button>
|
|
);
|
|
}
|