From f403f1e63a09b1d662491ad535e3adb166ef0f8b Mon Sep 17 00:00:00 2001
From: Teddy <teddy.ryan@kakaostyle.com>
Date: Tue, 13 Sep 2022 00:25:20 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20PR=20=EB=B0=8F=20=EC=9D=B4=EC=8A=88?=
 =?UTF-8?q?=EB=A5=BC=20=ED=86=B5=ED=95=9C=20=EB=A9=98=ED=8A=B8=EC=9A=94?=
 =?UTF-8?q?=EC=B2=AD=20=EA=B8=B0=EB=8A=A5=20=EC=B6=94=EA=B0=80=20=EC=99=84?=
 =?UTF-8?q?=EB=A3=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/containers/Home/Home.tsx | 53 ++++++++++++++++++++++++++++--------
 1 file changed, 41 insertions(+), 12 deletions(-)

diff --git a/src/containers/Home/Home.tsx b/src/containers/Home/Home.tsx
index 9c78594..6debba3 100644
--- a/src/containers/Home/Home.tsx
+++ b/src/containers/Home/Home.tsx
@@ -7,7 +7,7 @@ import {
   Row
 } from "antd";
 import { Category } from "interface/Category";
-import { ArrowRightOutlined } from "@ant-design/icons";
+import { ArrowRightOutlined, GithubOutlined } from "@ant-design/icons";
 import whenDate from "images/when_date.png"
 import whenEat from "images/when_eat.png"
 import whenBored from "images/when_bored.png"
@@ -58,11 +58,13 @@ const favoriteCategory: Category[] = [
   }
 ]
 
+const GITHUB_URL = "https://github.com/zzinmunication/zzinmunication-web/"
+
 const Home: FunctionComponent<ICardViewProps> = (props) => {
   const navigate = useNavigate()
   return (
     <DefaultLayout>
-      <Row gutter={[16, 16]}>
+      <Row gutter={[16, 16]} style={{ overflow: 'auto' }}>
         {favoriteCategory.map(({ key, value,  image }) => {
           const pathValue = value.replaceAll('\n', ' ')
           return <Col xs={24} sm={12} md={12} lg={8} xl={8} key={key}>
@@ -95,17 +97,44 @@ const Home: FunctionComponent<ICardViewProps> = (props) => {
             </Card>
           </Col>
         })}
+                <Col span={24}>
+          <Button size={"large"} style={{
+            width: '100%',
+            height: 'auto',
+            padding: 20,
+            fontSize: 20,
+            fontWeight: 'bold'
+          }} onClick={() => navigate('/category')} block>
+            더 보러 가기 <ArrowRightOutlined />
+          </Button>
+        </Col>
+        <Col xs={24} sm={12} md={12} lg={12} xl={12}>
+          <Button size={"small"}
+            icon={<GithubOutlined />}
+            style={{
+              width: '100%',
+              height: 'auto',
+              padding: 8,
+              fontWeight: 'bold'
+            }}
+            onClick={() => window.open(`${GITHUB_URL}/pulls`)} block>
+            PR로 멘트 직접 추가하기
+          </Button>
+        </Col>
+        <Col xs={24} sm={12} md={12} lg={12} xl={12}>
+          <Button size={"small"}
+            icon={<GithubOutlined />}
+            style={{
+              width: '100%',
+              padding: 8,
+              height: 'auto',
+              fontWeight: 'bold'
+            }}
+            onClick={() => window.open(`${GITHUB_URL}/issues/new`)} block>
+            이슈로 멘트 요청하기
+          </Button>
+        </Col>
       </Row>
-      <Button size={"large"} style={{
-        marginTop: 16,
-        width: '100%',
-        height: 'auto',
-        padding: 20,
-        fontSize: 20,
-        fontWeight: 'bold'
-      }} onClick={() => navigate('/category')} block>
-        더 보러 가기 <ArrowRightOutlined />
-      </Button>
     </DefaultLayout>
   );
 };