Function EmailOptions

client/src/components/email-options.tsx:69–105

({
  isSignedIn,
  updateQuincyEmail,
  isPage
}: EmailOptionsProps)

}

function EmailOptions({
  isSignedIn,
  updateQuincyEmail,
  isPage
}: EmailOptionsProps) {
  const { t } = useTranslation();

  return (
    <>
      <Row>
        <Col xs={12}>
          {isPage ? (
            <h1 className='text-center'>{t('misc.email-signup')}</h1>
          ) : (
            <h2 className='text-center'>{t('misc.email-signup')}</h2>
          )}
          <Spacer size='xs' />
        </Col>
      </Row>

      <Row>
        <Col
          {...(isPage ? { md: 8, mdOffset: 2, sm: 10, smOffset: 1 } : {})}
          xs={12}
        >
          <p>{t('misc.email-blast')}</p>
          <span className='message-author'>{t('misc.quincy')}</span>
          <Spacer size='m' />
        </Col>
      </Row>
      <EmailListOptIn
        isSignedIn={isSignedIn}
        updateQuincyEmail={updateQuincyEmail}
      />
    </>
  );
}

export default EmailOptions;