feat: 앱 다운로드 링크 페이지 ios/안드로이드 리다이렉트 되도록 (#152)

Author: 리니_이경린

src/constants/path.ts

@@ -8,4 +8,6 @@ export const PATH = {
   REVIEW_RESULT: "/review-result",
   LOADING: "/loading",
   CREATE_REVIEW_FAIL: "/create-review-fail",
+  APP_DOWNLOAD: "/download",
+
 };

src/pages/DownloadPage/DownloadPage.tsx

@@ -0,0 +1,21 @@
+
+import { useUserAgent } from '@/components/provider/UserAgentProvider';
+
+export default function DownloadPage() {
+
+  const userAgent = useUserAgent();
+
+  const isIOS = userAgent.isIOS;
+
+  const iosAppStoreUrl = 'https://apps.apple.com/kr/app/%EB%AF%B8%EC%8B%9D-misik-ai-%EC%98%81%EC%88%98%EC%A6%9D-%EB%A6%AC%EB%B7%B0/id6741109313';
+  const androidPlayStoreUrl = 'https://play.google.com/store/apps/details?id=com.nexters.misik';
+
+  if (isIOS) {
+    window.location.href = iosAppStoreUrl;
+  } else{
+    window.location.href = androidPlayStoreUrl;
+  } 
+  return (
+    <></>
+  )
+}

src/router/AppRouter.tsx

@@ -5,6 +5,7 @@ import App from "@/App";
 import { PATH } from "@/constants/path";
 
 import CreateReviewFailPage from "@/pages/CreateReviewFailPage/CreateReviewFailPage";
+import DownloadPage from "@/pages/DownloadPage/DownloadPage";
 import HomePage from "@/pages/HomePage/HomePage";
 import LoadingPage from "@/pages/LoadingPage/LoadingPage";
 import ReceiptEditPage from "@/pages/ReceiptEditPage/ReceiptEditPage";
@@ -53,6 +54,7 @@ const AppRouter = () => {
           element: <ReviewResultPage />,
         },
         { path: PATH.CREATE_REVIEW_FAIL, element: <CreateReviewFailPage /> },
+        { path: PATH.APP_DOWNLOAD, element: <DownloadPage /> },
       ],
     },
   ]);