feat: 메인 배너 2개 및 학습하기 탭 배너 클릭 시, 네이버프리미엄 콘텐츠 이동

Moaguide-develop · Oct 9, 2024 · 2d639e9 · 2d639e9
1 parent c6ac80e
commit 2d639e9
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 4 deletions.
diff --git a/src/components/home/Guide.tsx b/src/components/home/Guide.tsx
@@ -2,8 +2,15 @@
 import React from 'react';
 
 const Guide = () => {
+  const handleGuideClick = () => {
+    window.open('https://contents.premium.naver.com/vestpie/pieceofmoney', '_blank');
+  };
+
   return (
-    <div className="mx-auto flex-1 rounded-[12px] h-[200px] sm:max-w-[692px] w-full sm:h-[290px] bg-[url('/images/home/guide.svg')]">
+    <div 
+      className="mx-auto flex-1 rounded-[12px] h-[200px] sm:max-w-[692px] w-full sm:h-[290px] bg-[url('/images/home/guide.svg')] cursor-pointer" 
+      onClick={handleGuideClick}
+    >
       <div className="text-white text-heading3 sm:text-heading1 mt-[76px] sm:mt-[117px] ml-5 md:ml-11">
         <div>투자 가이드로</div>
         <div>소액 투자 시작해보자!</div>
@@ -18,4 +25,4 @@ const Guide = () => {
   );
 };
 
-export default Guide;
+export default Guide;
diff --git a/src/components/home/MainReport.tsx b/src/components/home/MainReport.tsx
@@ -11,6 +11,10 @@ const MainReport = () => {
   const { mainReport, isLoading } = getReportIssues();
   const router = useRouter();
 
+  const handleGuideClick = () => {
+    window.open('https://contents.premium.naver.com/vestpie/pieceofmoney', '_blank');
+  };
+
   return (
     <div className="">
       {/* 타이틀 */}
@@ -25,7 +29,7 @@ const MainReport = () => {
         </div>
       </div>
       {/* 캐러셀 이미지 */}
-      <div className="hidden mt-[26px] sm:block">
+      <div className="hidden mt-[26px] sm:block" onClick={handleGuideClick}>
         <img src="/images/home/report_main.svg" alt="" />
       </div>
       <div className="mt-5 sm:hidden mx-auto rounded-[12px] h-[130px] w-full bg-cover bg-[url('/images/home/report_layout.svg')]">

diff --git a/src/components/practice/PracticeIndex.tsx b/src/components/practice/PracticeIndex.tsx
@@ -12,11 +12,14 @@ const PracticeIndex = () => {
     window.scrollTo(0, 0);
   }, []);
 
+  const handleGuideClick = () => {
+    window.open('https://contents.premium.naver.com/vestpie/pieceofmoney', '_blank');
+  };
 
   return (
     <div>
       <Container>
-        <section className="hidden sm:flex justify-center mt-6 pb-[29px]">
+        <section className="hidden sm:flex justify-center mt-6 pb-[29px]" onClick={handleGuideClick}>
           <img src="/images/report/report_main.svg" alt="" />
         </section>
         <section className="">