From ed581423aa59997381d8b941f239fe18c34152e3 Mon Sep 17 00:00:00 2001
From: William Grant <willmgrant@gmail.com>
Date: Sun, 19 Sep 2021 09:30:41 +1000
Subject: [PATCH] added email signup at the bottom of all blogposts

---
 components/EmailSignup.tsx     | 8 +++++++-
 components/article/Article.tsx | 3 +++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/components/EmailSignup.tsx b/components/EmailSignup.tsx
index 782dea7..4009f5d 100644
--- a/components/EmailSignup.tsx
+++ b/components/EmailSignup.tsx
@@ -6,7 +6,12 @@ import { Contained } from './Contained';
 import { Input } from './Input';
 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 buttonRef = useRef<HTMLButtonElement>(null);
   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',
         'desktop:py-6',
         router.asPath !== '/get-involved' && 'tablet:w-full',
+        classes,
       )}
     >
       <h3
diff --git a/components/article/Article.tsx b/components/article/Article.tsx
index 4f33dcd..c0ddfd8 100644
--- a/components/article/Article.tsx
+++ b/components/article/Article.tsx
@@ -1,7 +1,9 @@
+import classNames from 'classnames';
 import React from 'react';
 import { IPost } from '../../types/cms';
 import { ArticleContained } from '../ArticleContained';
 import { Contained } from '../Contained';
+import EmailSignup from '../EmailSignup';
 import { Spacer } from '../Spacer';
 import { TagRow } from '../TagRow';
 import { ArticleSectionContent } from './sections/ArticleSectionContent';
@@ -46,6 +48,7 @@ export function Article(props: IPost) {
 
           <Spacer spaceY={4} />
           <TagRow tags={tags} size="medium" />
+          <EmailSignup classes={classNames('mt-12', 'tablet:mt-12')} />
         </ArticleContained>
       </div>
     </article>