import { Button } from "antd" ; import styled from "styled-components" ; import { ReactElement } from "react" ; import { useHomePageRedirect } from "../hooks/useHomePageRedirect" ; import { User } from "@koh/common" ; import Router from "next/router" ; import { useProfile } from "../hooks/useProfile" ; const Container = styled . div `
  height: 80vh;
  display: flex;
  justify-content: center;
  align-items: center;
` ; const ContentContainer = styled . div `
  text-align: center;
` ; export default function Login ( ) { const profile = useProfile ( ) ; const didRedirect = useHomePageRedirect ( ) ; if ( profile && ! didRedirect ) { Router . push ( "/nocourses" ) ; } return ( < Container > < ContentContainer > < h1 > You are currently not logged in < /h1> < p > Click the button below to login via Khoury Admin < /p> < Button href = "https://admin.khoury.northeastern.edu/teaching/officehourslogin/" > Log in via Khoury Admin < /Button> < /ContentContainer> < /Container>); }