Files
przekroj/pages/index.js
2022-02-23 19:20:49 +01:00

55 lines
1.3 KiB
JavaScript

import Head from "next/head";
import styles from "../styles/Home.module.css";
import Header from "../templates/header";
import Generator from "../templates/generator";
import Nav from "../templates/nav";
import UserTop from "../templates/userTop";
import Footer from "../templates/footer";
import { useState } from "react";
import { useSession, signIn, signOut } from "next-auth/react";
import { Button } from "evergreen-ui";
export default function Home() {
const { data: session } = useSession();
if (session) {
return (
<div className={styles.container}>
<Head>
<title>Wastpol</title>
</Head>
<div className="flex justify-between">
<Nav />
<UserTop session={session} />
</div>
<main className="flex flex-1 flex-col justify-center items-center p-8 mx-auto mt-24 rounded-md shadow-md transition-all duration-500 hover:shadow-xl">
<Header />
<Generator />
</main>
</div>
);
}
return (
<div className="grid place-items-center h-screen">
<Head>
<title>Wastpol</title>
</Head>
<div className="flex flex-col justify-center">
<h2 className="p-2">Nie zalogowano</h2>
<br></br>
<Button
onClick={() => signIn()}
appearance="primary"
// className="p-2 bg-slate-200 rounded-md"
>
Zaloguj
</Button>
</div>
</div>
);
}