From 4538aec2f082547c9d97e995f954a4f22781303e Mon Sep 17 00:00:00 2001
From: gengminy <kls1998@naver.com>
Date: Thu, 15 Sep 2022 01:07:43 +0900
Subject: [PATCH] =?UTF-8?q?:hammer:=20fix(prod):=20=ED=94=8C=EB=A0=88?=
 =?UTF-8?q?=EC=9D=B4=EC=8A=A4=ED=86=A0=EC=96=B4=20=EB=B0=8F=20=EC=95=B1?=
 =?UTF-8?q?=EC=8A=A4=ED=86=A0=EC=96=B4=20=EB=A7=81=ED=81=AC=20=EC=97=B0?=
 =?UTF-8?q?=EA=B2=B0=20#11?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/icons/appstore-mono-noborder.svg |  1 +
 src/assets/icons/appstore-mono.svg          |  2 +-
 src/components/common/Footer.tsx            | 31 ++++++++++++++-------
 src/pages/question/Result.tsx               | 14 ++++++----
 4 files changed, 31 insertions(+), 17 deletions(-)
 create mode 100644 src/assets/icons/appstore-mono-noborder.svg

diff --git a/src/assets/icons/appstore-mono-noborder.svg b/src/assets/icons/appstore-mono-noborder.svg
new file mode 100644
index 0000000..125a550
--- /dev/null
+++ b/src/assets/icons/appstore-mono-noborder.svg
@@ -0,0 +1 @@
+<svg width="24px" height="24px" viewBox="0 0 24 24" role="img" xmlns="http://www.w3.org/2000/svg"><title>App Store icon</title><path d="M8.8086 14.9194l6.1107-11.0368c.0837-.1513.1682-.302.2437-.4584.0685-.142.1267-.2854.1646-.4403.0803-.3259.0588-.6656-.066-.9767-.1238-.3095-.3417-.5678-.6201-.7355a1.4175 1.4175 0 0 0-.921-.1924c-.3207.043-.6135.1935-.8443.4288-.1094.1118-.1996.2361-.2832.369-.092.1463-.175.2979-.259.4492l-.3864.6979-.3865-.6979c-.0837-.1515-.1667-.303-.2587-.4492-.0837-.1329-.1739-.2572-.2835-.369-.2305-.2353-.5233-.3857-.844-.429a1.4181 1.4181 0 0 0-.921.1926c-.2784.1677-.4964.426-.6203.7355-.1246.311-.1461.6508-.066.9767.038.155.0962.2984.1648.4403.0753.1564.1598.307.2437.4584l1.248 2.2543-4.8625 8.7825H2.0295c-.1676 0-.3351-.0007-.5026.0092-.1522.009-.3004.0284-.448.0714-.3108.0906-.5822.2798-.7783.548-.195.2665-.3006.5929-.3006.9279 0 .3352.1057.6612.3006.9277.196.2683.4675.4575.7782.548.1477.043.296.0623.4481.0715.1675.01.335.009.5026.009h13.0974c.0171-.0357.059-.1294.1-.2697.415-1.4151-.6156-2.843-2.0347-2.843zM3.113 18.5418l-.7922 1.5008c-.0818.1553-.1644.31-.2384.4705-.067.1458-.124.293-.1611.452-.0785.3346-.0576.6834.0645 1.0029.1212.3175.3346.583.607.7549.2727.172.5891.2416.9013.1975.3139-.044.6005-.1986.8263-.4402.1072-.1148.1954-.2424.2772-.3787.0902-.1503.1714-.3059.2535-.4612L6 19.4636c-.0896-.149-.9473-1.4704-2.887-.9218m20.5861-3.0056a1.4707 1.4707 0 0 0-.779-.5407c-.1476-.0425-.2961-.0616-.4483-.0705-.1678-.0099-.3352-.0091-.503-.0091H18.648l-4.3891-7.817c-.6655.7005-.9632 1.485-1.0773 2.1976-.1655 1.0333.0367 2.0934.546 3.0004l5.2741 9.3933c.084.1494.167.299.2591.4435.0837.131.1739.2537.2836.364.231.2323.5238.3809.8449.4232.3192.0424.643-.0244.9217-.1899.2784-.1653.4968-.4204.621-.7257.1246-.3072.146-.6425.0658-.9641-.0381-.1529-.0962-.2945-.165-.4346-.0753-.1543-.1598-.303-.2438-.4524l-1.216-2.1662h1.596c.1677 0 .3351.0009.5029-.009.1522-.009.3007-.028.4483-.0705a1.4707 1.4707 0 0 0 .779-.5407A1.5386 1.5386 0 0 0 24 16.452a1.539 1.539 0 0 0-.3009-.9158Z"/></svg>
\ No newline at end of file
diff --git a/src/assets/icons/appstore-mono.svg b/src/assets/icons/appstore-mono.svg
index 125a550..17897e1 100644
--- a/src/assets/icons/appstore-mono.svg
+++ b/src/assets/icons/appstore-mono.svg
@@ -1 +1 @@
-<svg width="24px" height="24px" viewBox="0 0 24 24" role="img" xmlns="http://www.w3.org/2000/svg"><title>App Store icon</title><path d="M8.8086 14.9194l6.1107-11.0368c.0837-.1513.1682-.302.2437-.4584.0685-.142.1267-.2854.1646-.4403.0803-.3259.0588-.6656-.066-.9767-.1238-.3095-.3417-.5678-.6201-.7355a1.4175 1.4175 0 0 0-.921-.1924c-.3207.043-.6135.1935-.8443.4288-.1094.1118-.1996.2361-.2832.369-.092.1463-.175.2979-.259.4492l-.3864.6979-.3865-.6979c-.0837-.1515-.1667-.303-.2587-.4492-.0837-.1329-.1739-.2572-.2835-.369-.2305-.2353-.5233-.3857-.844-.429a1.4181 1.4181 0 0 0-.921.1926c-.2784.1677-.4964.426-.6203.7355-.1246.311-.1461.6508-.066.9767.038.155.0962.2984.1648.4403.0753.1564.1598.307.2437.4584l1.248 2.2543-4.8625 8.7825H2.0295c-.1676 0-.3351-.0007-.5026.0092-.1522.009-.3004.0284-.448.0714-.3108.0906-.5822.2798-.7783.548-.195.2665-.3006.5929-.3006.9279 0 .3352.1057.6612.3006.9277.196.2683.4675.4575.7782.548.1477.043.296.0623.4481.0715.1675.01.335.009.5026.009h13.0974c.0171-.0357.059-.1294.1-.2697.415-1.4151-.6156-2.843-2.0347-2.843zM3.113 18.5418l-.7922 1.5008c-.0818.1553-.1644.31-.2384.4705-.067.1458-.124.293-.1611.452-.0785.3346-.0576.6834.0645 1.0029.1212.3175.3346.583.607.7549.2727.172.5891.2416.9013.1975.3139-.044.6005-.1986.8263-.4402.1072-.1148.1954-.2424.2772-.3787.0902-.1503.1714-.3059.2535-.4612L6 19.4636c-.0896-.149-.9473-1.4704-2.887-.9218m20.5861-3.0056a1.4707 1.4707 0 0 0-.779-.5407c-.1476-.0425-.2961-.0616-.4483-.0705-.1678-.0099-.3352-.0091-.503-.0091H18.648l-4.3891-7.817c-.6655.7005-.9632 1.485-1.0773 2.1976-.1655 1.0333.0367 2.0934.546 3.0004l5.2741 9.3933c.084.1494.167.299.2591.4435.0837.131.1739.2537.2836.364.231.2323.5238.3809.8449.4232.3192.0424.643-.0244.9217-.1899.2784-.1653.4968-.4204.621-.7257.1246-.3072.146-.6425.0658-.9641-.0381-.1529-.0962-.2945-.165-.4346-.0753-.1543-.1598-.303-.2438-.4524l-1.216-2.1662h1.596c.1677 0 .3351.0009.5029-.009.1522-.009.3007-.028.4483-.0705a1.4707 1.4707 0 0 0 .779-.5407A1.5386 1.5386 0 0 0 24 16.452a1.539 1.539 0 0 0-.3009-.9158Z"/></svg>
\ No newline at end of file
+<svg width="512px" height="512px" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><title>ionicons-v5_logos</title><path d="M256,32C132.26,32,32,132.26,32,256S132.26,480,256,480,480,379.74,480,256,379.74,32,256,32ZM171,353.89a15.48,15.48,0,0,1-13.46,7.65,14.91,14.91,0,0,1-7.86-2.16,15.48,15.48,0,0,1-5.6-21.21l15.29-25.42a8.73,8.73,0,0,1,7.54-4.3h2.26c11.09,0,18.85,6.67,21.11,13.13Zm129.45-50L200.32,304H133.77a15.46,15.46,0,0,1-15.51-16.15c.32-8.4,7.65-14.76,16-14.76h48.24l57.19-97.35h0l-18.52-31.55C217,137,218.85,127.52,226,123a15.57,15.57,0,0,1,21.87,5.17l9.9,16.91h.11l9.91-16.91A15.58,15.58,0,0,1,289.6,123c7.11,4.52,8.94,14,4.74,21.22l-18.52,31.55-18,30.69-39.09,66.66v.11h57.61c7.22,0,16.27,3.88,19.93,10.12l.32.65c3.23,5.49,5.06,9.26,5.06,14.75A13.82,13.82,0,0,1,300.48,303.92Zm77.75.11H351.09v.11l19.82,33.71a15.8,15.8,0,0,1-5.17,21.53,15.53,15.53,0,0,1-8.08,2.27A15.71,15.71,0,0,1,344.2,354l-29.29-49.86-18.2-31L273.23,233a38.35,38.35,0,0,1-.65-38c4.64-8.19,8.19-10.34,8.19-10.34L333,273h44.91c8.4,0,15.61,6.46,16,14.75A15.65,15.65,0,0,1,378.23,304Z"/></svg>
\ No newline at end of file
diff --git a/src/components/common/Footer.tsx b/src/components/common/Footer.tsx
index 82c6113..04e7797 100644
--- a/src/components/common/Footer.tsx
+++ b/src/components/common/Footer.tsx
@@ -1,32 +1,43 @@
 import styled from 'styled-components';
 import { ReactComponent as Instagram } from '../../assets/icons/instagram.svg';
-import { ReactComponent as AppStroe } from '../../assets/icons/appstore.svg';
+import { ReactComponent as AppStore } from '../../assets/icons/appstore.svg';
 import { ReactComponent as PlayStore } from '../../assets/icons/playstore.svg';
 import { ReactComponent as Github } from '../../assets/icons/github.svg';
+import { ToastsStore } from 'react-toasts';
 
 const Footer = () => {
+  const useToast = (msg: string) => {
+    ToastsStore.info(msg);
+  };
+
   return (
     <Wrapper>
       <p>© Ohzu. 2022 All rights reserved</p>
       <SecondRow>
-        {/* <a href="" target="_blank" rel="noreferrer noopener"> */}
-        <a>
-          <AppStroe />
+        <a
+          href="https://apps.apple.com/us/app/%EC%98%A4%EC%A5%AC/id1643634105"
+          target="_blank"
+          rel="noreferrer noopener"
+        >
+          <AppStore width={20} height={20} />
         </a>
-        {/* <a href="" target="_blank" rel="noreferrer noopener"> */}
-        <a>
-          <PlayStore />
+        <a
+          href="https://play.google.com/store/apps/details?id=com.ohzu.ohzu"
+          target="_blank"
+          rel="noreferrer noopener"
+        >
+          <PlayStore width={20} height={20} />
         </a>
         {/* <a href="" target="_blank" rel="noreferrer noopener"> */}
-        <a>
-          <Instagram />
+        <a onClick={() => useToast('준비 중입니다 :)')}>
+          <Instagram width={20} height={20} />
         </a>
         <a
           href="https://github.com/cocktail-Ohzu/Ohzu-FrontEnd"
           target="_blank"
           rel="noreferrer noopener"
         >
-          <Github />
+          <Github width={20} height={20} />
         </a>
       </SecondRow>
     </Wrapper>
diff --git a/src/pages/question/Result.tsx b/src/pages/question/Result.tsx
index 2879927..c3bb1a2 100644
--- a/src/pages/question/Result.tsx
+++ b/src/pages/question/Result.tsx
@@ -13,8 +13,10 @@ function Result() {
   const navigate = useNavigate();
   const { state } = useLocation();
   const [result, setResult] = useState<IResult>();
-  const playstoreUrl = '';
-  const appstoreUrl = '';
+  const playstoreUrl =
+    'https://play.google.com/store/apps/details?id=com.ohzu.ohzu';
+  const appstoreUrl =
+    'https://apps.apple.com/kr/app/%EC%98%A4%EC%A5%AC/id1643634105';
 
   useEffect(() => {
     try {
@@ -87,16 +89,16 @@ function Result() {
               width={232}
               height={67}
               onClick={() => {
-                // openInNewTab(appstoreUrl);
-                useToast('준비 중입니다 :)');
+                openInNewTab(appstoreUrl);
+                // useToast('준비 중입니다 :)');
               }}
             />
             <PlayStore
               width={232}
               height={67}
               onClick={() => {
-                // openInNewTab(playstoreUrl);
-                useToast('준비 중입니다 :)');
+                openInNewTab(playstoreUrl);
+                // useToast('준비 중입니다 :)');
               }}
             />
           </AppStoreWrapper>