Merge pull request #14 from cocktail-Ohzu/dev

🔨 fix(prod): 플레이스토어 및 앱스토어 링크 연결 #11

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>

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>