44 lines
1.3 KiB
TypeScript
44 lines
1.3 KiB
TypeScript
import Head from 'next/head'
|
|
import Shell from '../components/Shell'
|
|
import { signIn, useSession } from 'next-auth/client'
|
|
|
|
export default function Home() {
|
|
const [ session, loading ] = useSession();
|
|
|
|
if (session) {
|
|
return (
|
|
<div>
|
|
<Head>
|
|
<title>Calendso</title>
|
|
<link rel="icon" href="/favicon.ico" />
|
|
</Head>
|
|
|
|
<Shell heading="Dashboard">
|
|
<div className="bg-white rounded-lg shadow px-5 py-6 sm:px-6">
|
|
<div className="border-4 border-dashed border-gray-200 rounded-lg h-96"></div>
|
|
</div>
|
|
</Shell>
|
|
</div>
|
|
);
|
|
} else {
|
|
return (
|
|
<div>
|
|
<Head>
|
|
<title>Calendso</title>
|
|
<link rel="icon" href="/favicon.ico" />
|
|
</Head>
|
|
|
|
<main className="text-center">
|
|
<h1 className="text-2xl font-semibold">
|
|
Welcome to Calendso!
|
|
</h1>
|
|
{!session && <>
|
|
Not signed in <br/>
|
|
<button onClick={() => signIn()}>Sign in</button>
|
|
</>}
|
|
</main>
|
|
</div>
|
|
)
|
|
}
|
|
}
|