import Link from 'next/link'
import {Button, FormController} from '~/components/form'
import Router from 'next/router'

import useUser from '~/hooks/useUser'


export default function InvalidEmail() {
  const user = useUser()

  if(user.email_confirmed)
    Router.push('/account')

  return (
    <>
      <h2>Invalid Confirmation Link</h2>
      <p>
        Sorry, but the email confirmation link you used was invalid or expired.
      </p>

      <p>
        If you've gotten this error before,
        please <Link href="/contact"><a>contact us</a></Link> so we can help
        resolve it.  Otherwise, feel free to try sending the email again.
      </p>

      <FormController url="/api/email" afterSubmit={() => {window.location.href = '/account/email/confirm'}}>
        <Button type="submit">Resend Email</Button>
      </FormController>
    </>
  )
}