2022-04-10 16:34:29 +00:00
|
|
|
import { useSession, signIn, signOut } from "next-auth/react";
|
|
|
|
|
import Head from "next/head";
|
|
|
|
|
import Image from "next/image";
|
|
|
|
|
import styles from "../styles/Home.module.css";
|
2022-04-10 16:02:48 +00:00
|
|
|
|
|
|
|
|
export default function Home() {
|
2022-04-10 16:34:29 +00:00
|
|
|
const { data: session } = useSession();
|
2022-04-10 16:02:48 +00:00
|
|
|
return (
|
|
|
|
|
<div className={styles.container}>
|
|
|
|
|
<Head>
|
|
|
|
|
<title>Create Next App</title>
|
|
|
|
|
<meta name="description" content="Generated by create next app" />
|
|
|
|
|
<link rel="icon" href="/favicon.ico" />
|
|
|
|
|
</Head>
|
|
|
|
|
|
|
|
|
|
<main className={styles.main}>
|
2022-04-10 16:34:29 +00:00
|
|
|
<h1 className={styles.title}>Steam Borders</h1>
|
2022-04-10 16:02:48 +00:00
|
|
|
|
|
|
|
|
<p className={styles.description}>
|
2022-04-10 16:34:29 +00:00
|
|
|
{session ? `Signed in as ${session.user.name}` : "Not signed in"}
|
|
|
|
|
<br />
|
|
|
|
|
{session ? (
|
|
|
|
|
<button onClick={() => signOut()}>Sign Out</button>
|
|
|
|
|
) : (
|
|
|
|
|
<button onClick={() => signIn()}>Sign In</button>
|
|
|
|
|
)}
|
2022-04-10 16:02:48 +00:00
|
|
|
</p>
|
|
|
|
|
</main>
|
|
|
|
|
</div>
|
2022-04-10 16:34:29 +00:00
|
|
|
);
|
2022-04-10 16:02:48 +00:00
|
|
|
}
|
