From 7fbc37cf1f62012bf15c5715309a7bf683247920 Mon Sep 17 00:00:00 2001
From: Junseo Park <wonderlandpark@outlook.kr>
Date: Sun, 14 Feb 2021 16:06:08 +0900
Subject: [PATCH] feat: added size prop

---
 components/Advertisement.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/components/Advertisement.tsx b/components/Advertisement.tsx
index e63eb22..813b543 100644
--- a/components/Advertisement.tsx
+++ b/components/Advertisement.tsx
@@ -1,12 +1,12 @@
 import { useEffect } from 'react'
 
-const Advertisement = (): JSX.Element => {
+const Advertisement = ({ size='short' }:AdvertisementProps): JSX.Element => {
 	useEffect(() => {
 		if(process.env.NODE_ENV === 'production')
 			window?.adsbygoogle?.push({})
 	})
 	
-	return <div className={`z-0 mx-auto w-full text-center text-white ${process.env.NODE_ENV === 'production' ? '' : 'py-12 bg-gray-700'}`} style={{ height: '90px' }}>
+	return <div className={`z-0 mx-auto w-full text-center text-white ${process.env.NODE_ENV === 'production' ? '' : 'py-12 bg-gray-700'}`} style={size === 'short' ? { height: '90px' } : { height: '330px'}}>
 		{
 			process.env.NODE_ENV === 'production' ?  <ins
 				className='adsbygoogle mb-5 w-full'
@@ -26,4 +26,8 @@ declare global {
 	} }
 }
 
+interface AdvertisementProps {
+	size?: 'short' | 'tall'
+}
+
 export default Advertisement