Files
Tech_Tracker_Web/src/components/auth/Sign_Out.tsx

26 lines
759 B
TypeScript

import Image from "next/image";
import { auth } from "~/auth"
import { signOut } from "~/auth"
export default async function Sign_Out() {
const session = await auth();
if (!session) {
return (<div/>);
} else {
// Add User profile picture next to Sign Out button
const pfp = session?.user?.image ? session.user.image : "/images/default_user_pfp.png";
return (
<form className="w-full flex flex-row pt-4 pr-8"
action={async () => {
"use server"
await signOut()
}}>
<Image src={pfp} alt="" width={35} height={35}
className="rounded-full border-2 border-white m-auto mr-4"
/>
<button type="submit" className="w-full">Sign Out</button>
</form>
);
}
};