From 73f3a50a082cf095da584b9e6c9d76619f00fb5e Mon Sep 17 00:00:00 2001
From: bananajeong <73640737+Najeong-Kim@users.noreply.github.com>
Date: Sat, 24 Aug 2024 12:21:49 +0900
Subject: [PATCH] feat: Add android app link

---
 src/app/(web)/layout.tsx                        | 13 +++++--------
 .../discovery-detail/ui/app-download-dialog.tsx | 17 +++++++----------
 2 files changed, 12 insertions(+), 18 deletions(-)

diff --git a/src/app/(web)/layout.tsx b/src/app/(web)/layout.tsx
index 4fad910..db4c359 100644
--- a/src/app/(web)/layout.tsx
+++ b/src/app/(web)/layout.tsx
@@ -3,8 +3,6 @@
 import Image from 'next/image';
 import Link from 'next/link';
 import { GoogleAnalytics } from 'nextjs-google-analytics';
-import { useCallback } from 'react';
-import { toast } from 'sonner';
 import left from '@public/downloads/left.png';
 import android from '@public/downloads/right-android.png';
 import ios from '@public/downloads/right-ios.png';
@@ -13,10 +11,6 @@ import { cn } from '@/shared/lib';
 import { SnowConfetti } from '@/shared/ui/snow-confetti';
 
 export default function Layout({ children }: { children: React.ReactNode }) {
-  const handleAndroid = useCallback(() => {
-    toast.error('준비중입니다.');
-  }, []);
-
   return (
     <>
       <GoogleAnalytics trackPageViews />
@@ -49,9 +43,12 @@ export default function Layout({ children }: { children: React.ReactNode }) {
             >
               <Image src={ios} alt="ios" width={95} draggable={false} />
             </Link>
-            <button onClick={handleAndroid}>
+            <Link
+              href="https://play.google.com/store/apps/details?id=com.dieski.weski"
+              target="_blank"
+            >
             <Image src={android} alt="android" width={95} draggable={false} />
-            </button>
+            </Link>
           </div>
         </div>
       </div>
diff --git a/src/features/discovery-detail/ui/app-download-dialog.tsx b/src/features/discovery-detail/ui/app-download-dialog.tsx
index 81b03e6..b4d39d8 100644
--- a/src/features/discovery-detail/ui/app-download-dialog.tsx
+++ b/src/features/discovery-detail/ui/app-download-dialog.tsx
@@ -1,7 +1,5 @@
 import Image from 'next/image';
 import Link from 'next/link';
-import { useCallback } from 'react';
-import { toast } from 'sonner';
 import logo from '@public/assets/logo.svg';
 import snow from '@public/assets/snow.png';
 import android from '@public/downloads/android.png';
@@ -14,11 +12,7 @@ interface AppDownloadDialogProps {
   onClose: () => void;
 }
 
-const AppDownloadDialog = ({ className, onClose }: AppDownloadDialogProps) => {
-  const handleAndroid = useCallback(() => {
-    toast.error('준비중입니다.');
-  }, []);
-  
+const AppDownloadDialog = ({ className, onClose }: AppDownloadDialogProps) => {  
   return (
     <div
       className={cn(
@@ -43,10 +37,13 @@ const AppDownloadDialog = ({ className, onClose }: AppDownloadDialogProps) => {
         >
           <Image src={ios} alt="ios" draggable={false} />
         </Link>
-        <button onClick={handleAndroid}>
+        <Link
+          href="https://play.google.com/store/apps/details?id=com.dieski.weski"
+          target="_blank"
+        >
           <Image src={android} alt="android" draggable={false} />
-        </button>
-      </div>
+        </Link>
+        </div>
     </div>
   );
 };