home.jsx

import React from "react";

import { IdentityConsumer } from "./identity";
import Login from "./login";

export default function Home() {
  return (
    <IdentityConsumer>
      {ctx => {
        if (ctx.user) {
          return <h1 data-cy="user">Hello {ctx.user.email}</h1>;
        }

        return !ctx.authenticated && <Login login={ctx.login} />;
      }}
    </IdentityConsumer>
  );
}