Function EmailListOptIn

client/src/components/email-options.tsx:11–61

({
  isSignedIn,
  updateQuincyEmail
}: EmailListOptInProps)

}

export function EmailListOptIn({
  isSignedIn,
  updateQuincyEmail
}: EmailListOptInProps) {
  const { t } = useTranslation();

  if (isSignedIn) {
    return (
      <Row className='email-list-opt'>
        <Col md={4} mdOffset={2} sm={5} smOffset={1} xs={12}>
          <Button
            block={true}
            variant='primary'
            onClick={() => updateQuincyEmail(true)}
          >
            {t('buttons.yes-please')}
          </Button>
          <Spacer size='xs' />
        </Col>
        <Col md={4} sm={5} xs={12}>
          <Button
            block={true}
            variant='primary'
            onClick={() => updateQuincyEmail(false)}
          >
            {t('buttons.no-thanks')}
          </Button>
          <Spacer size='xs' />
        </Col>
      </Row>
    );
  } else {
    return (
      <Row>
        <Col md={8} mdOffset={2} sm={10} smOffset={1} xs={12}>
          <Spacer size='xs' />
          <p className='text-center'>{t('misc.email-signup-not-signed-in')}</p>
          <Button
            block={true}
            variant='primary'
            href={`${apiLocation}/signin`}
            data-playwright-test-label='email-signup-sign-in-btn'
          >
            {t('buttons.sign-in')}
          </Button>
          <Spacer size='xs' />
        </Col>
      </Row>
    );
  }
}

interface EmailOptionsProps {
  isSignedIn: boolean;