37 lines
815 B
TypeScript
37 lines
815 B
TypeScript
"use client";
|
|
|
|
import { signOut } from "next-auth/react";
|
|
import Image from "next/image";
|
|
import { Button } from "@/components/ui/button";
|
|
import { LogOut } from "lucide-react";
|
|
|
|
export default function FormLayoutClient({
|
|
userName,
|
|
userImage,
|
|
}: {
|
|
userName: string;
|
|
userImage: string;
|
|
}) {
|
|
return (
|
|
<div className="flex items-center gap-3">
|
|
{userImage && (
|
|
<Image
|
|
src={userImage}
|
|
alt={userName}
|
|
width={28}
|
|
height={28}
|
|
className="rounded-full"
|
|
/>
|
|
)}
|
|
<span className="text-sm text-muted-foreground">{userName}</span>
|
|
<Button
|
|
variant="ghost"
|
|
size="sm"
|
|
onClick={() => signOut({ callbackUrl: "/auth/signin" })}
|
|
>
|
|
<LogOut className="w-4 h-4" />
|
|
</Button>
|
|
</div>
|
|
);
|
|
}
|