Skip to content
Snippets Groups Projects
index.tsx 808 B
Newer Older
Marco Wettstein's avatar
Marco Wettstein committed
import type { NextPage } from "next";
import { signIn, signOut } from "next-auth/react";
import React from "react";
import Heading from "../ui/layout/components/Heading";
import PageLayout from "../ui/layout/components/PageLayout";
import MyUserAvatar from "../ui/user/components/MyUserAvatar";
Marco Wettstein's avatar
Marco Wettstein committed
import { useMe } from "../ui/user/hooks/useMe";
Marco Wettstein's avatar
Marco Wettstein committed
const Home: NextPage = () => {
  const me = useMe().data?.me;

  return (
    <PageLayout>
Marco Wettstein's avatar
Marco Wettstein committed
      <Heading>Starter Project</Heading>
Marco Wettstein's avatar
Marco Wettstein committed
      {me ? (
        <div>
          <p>hello {me.email}</p>
          <MyUserAvatar />
          <button onClick={() => signOut({ redirect: false })}>Signout </button>
        </div>
      ) : (
        <button onClick={() => signIn("google")}>Sign in with Google</button>
      )}
    </PageLayout>
Marco Wettstein's avatar
Marco Wettstein committed
  );
};

export default Home;