Merge pull request #34 from yougotwill/email_signup_default
added email signup at the bottom of all blogposts
This commit is contained in:
commit
d6f7f659d7
|
@ -6,7 +6,12 @@ import { Contained } from './Contained';
|
||||||
import { Input } from './Input';
|
import { Input } from './Input';
|
||||||
import { Button } from './Button';
|
import { Button } from './Button';
|
||||||
|
|
||||||
export default function EmailSignup(): ReactElement {
|
interface Props {
|
||||||
|
classes?: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function EmailSignup(props: Props): ReactElement {
|
||||||
|
const { classes } = props;
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
const buttonRef = useRef<HTMLButtonElement>(null);
|
const buttonRef = useRef<HTMLButtonElement>(null);
|
||||||
const setButtonText = (value: string) => {
|
const setButtonText = (value: string) => {
|
||||||
|
@ -49,6 +54,7 @@ export default function EmailSignup(): ReactElement {
|
||||||
'tablet:w-4/5 tablet:mx-auto tablet:py-4 tablet:mt-6 tablet:mb-8',
|
'tablet:w-4/5 tablet:mx-auto tablet:py-4 tablet:mt-6 tablet:mb-8',
|
||||||
'desktop:py-6',
|
'desktop:py-6',
|
||||||
router.asPath !== '/get-involved' && 'tablet:w-full',
|
router.asPath !== '/get-involved' && 'tablet:w-full',
|
||||||
|
classes,
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
<h3
|
<h3
|
||||||
|
|
|
@ -1,7 +1,9 @@
|
||||||
|
import classNames from 'classnames';
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
import { IPost } from '../../types/cms';
|
import { IPost } from '../../types/cms';
|
||||||
import { ArticleContained } from '../ArticleContained';
|
import { ArticleContained } from '../ArticleContained';
|
||||||
import { Contained } from '../Contained';
|
import { Contained } from '../Contained';
|
||||||
|
import EmailSignup from '../EmailSignup';
|
||||||
import { Spacer } from '../Spacer';
|
import { Spacer } from '../Spacer';
|
||||||
import { TagRow } from '../TagRow';
|
import { TagRow } from '../TagRow';
|
||||||
import { ArticleSectionContent } from './sections/ArticleSectionContent';
|
import { ArticleSectionContent } from './sections/ArticleSectionContent';
|
||||||
|
@ -46,6 +48,7 @@ export function Article(props: IPost) {
|
||||||
|
|
||||||
<Spacer spaceY={4} />
|
<Spacer spaceY={4} />
|
||||||
<TagRow tags={tags} size="medium" />
|
<TagRow tags={tags} size="medium" />
|
||||||
|
<EmailSignup classes={classNames('mt-12', 'tablet:mt-12')} />
|
||||||
</ArticleContained>
|
</ArticleContained>
|
||||||
</div>
|
</div>
|
||||||
</article>
|
</article>
|
||||||
|
|
Loading…
Reference in New Issue