From f473d3168ec7b20927afb368b71643018b2bb680 Mon Sep 17 00:00:00 2001
From: jaeyo03 <toyazx@naver.com>
Date: Fri, 7 Feb 2025 15:12:36 +0900
Subject: [PATCH] =?UTF-8?q?fix=20:=20=EB=9D=BC=EC=9A=B0=ED=84=B0=20?=
 =?UTF-8?q?=EA=B8=B0=EB=8A=A5=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/SearchPage/index.jsx | 115 +++++++++++++++++++--------------
 1 file changed, 66 insertions(+), 49 deletions(-)

diff --git a/src/pages/SearchPage/index.jsx b/src/pages/SearchPage/index.jsx
index fe57871..b7a885a 100644
--- a/src/pages/SearchPage/index.jsx
+++ b/src/pages/SearchPage/index.jsx
@@ -158,64 +158,82 @@ const SearchPage = () => {
     setLayout(layouticon);
   };
 
-  const handleCardClick = contentId => {
-    navigate(`/detail/${contentId}`); // 상세 페이지로 이동
-    window.scrollTo(0, 0);
-  };
-
   const renderCard = item => {
     switch (layout) {
       case 'large-layout':
         return (
-          <DetailCard
-            key={item.id}
-            onClick={() => handleCardClick(item.contentsid)}
-            title={item.title || '제목이 없습니다'}
-            city={item.region1cd?.label || '도시'}
-            street={
-              item.region2cd?.label == 'region>' || item.region2cd?.label == undefined
-                ? '제주시내'
-                : item.region2cd?.label
-            }
-            description={item.introduction || '설명이 없습니다.'}
-            img={item.repPhoto?.photoid?.thumbnailpath || '/images/no_image.svg'}
-            contentid={item}
-          />
+          <button
+            className="w-full"
+            onClick={() => {
+              const contentId = item.contentsid;
+              window.location.href = `/detail/${contentId}`;
+            }}
+            key={item.contentsid}
+          >
+            <DetailCard
+              key={item.id}
+              title={item.title || '제목이 없습니다'}
+              city={item.region1cd?.label || '도시'}
+              street={
+                item.region2cd?.label == 'region>' || item.region2cd?.label == undefined
+                  ? '제주시내'
+                  : item.region2cd?.label
+              }
+              description={item.introduction || '설명이 없습니다.'}
+              img={item.repPhoto?.photoid?.thumbnailpath || '/images/no_image.svg'}
+              contentid={item?.contentsid}
+            />
+          </button>
         );
       case 'medium-layout':
         return (
-          <DetailMediumCard
-            key={item.id}
-            onClick={() => handleCardClick(item.contentsid)}
-            title={item.title || '제목이 없습니다'}
-            city={item.region1cd?.label || '도시'}
-            street={
-              item.region2cd?.label == 'region>' || item.region2cd?.label == undefined
-                ? '제주시내'
-                : item.region2cd?.label
-            }
-            img={item.repPhoto?.photoid?.thumbnailpath || '/images/no_image.svg'}
-            category={item.contentscd?.value}
-            contentid={item}
-          />
+          <button
+            className=" mr-10 [&:nth-child(3n)]:mr-0"
+            onClick={() => {
+              const contentId = item.contentsid;
+              window.location.href = `/detail/${contentId}`;
+            }}
+            key={item.contentsid}
+          >
+            <DetailMediumCard
+              key={item.id}
+              title={item.title || '제목이 없습니다'}
+              city={item.region1cd?.label || '도시'}
+              street={
+                item.region2cd?.label == 'region>' || item.region2cd?.label == undefined
+                  ? '제주시내'
+                  : item.region2cd?.label
+              }
+              img={item.repPhoto?.photoid?.thumbnailpath || '/images/no_image.svg'}
+              category={item.contentscd?.value}
+              contentid={item?.contentsid}
+            />
+          </button>
         );
       case 'small-layout':
         return (
-          <DetailSmallCard
-            key={item.id}
-            onClick={() => handleCardClick(item.contentsid)}
-            title={item.title || '제목이 없습니다'}
-            city={item.region1cd?.label || '도시'}
-            street={
-              item.region2cd?.label == 'region>' || item.region2cd?.label == undefined
-                ? '제주시내'
-                : item.region2cd?.label
-            }
-            description={item.introduction || '설명이 없습니다.'}
-            img={item.repPhoto?.photoid?.thumbnailpath || '/images/no_image.svg'}
-            category={item.contentscd?.value}
-            contentid={item}
-          />
+          <button
+            onClick={() => {
+              const contentId = item.contentsid;
+              window.location.href = `/detail/${contentId}`;
+            }}
+            key={item.contentsid || ''}
+          >
+            <DetailSmallCard
+              key={item.id}
+              title={item.title || '제목이 없습니다'}
+              city={item.region1cd?.label || '도시'}
+              street={
+                item.region2cd?.label == 'region>' || item.region2cd?.label == undefined
+                  ? '제주시내'
+                  : item.region2cd?.label
+              }
+              description={item.introduction || '설명이 없습니다.'}
+              img={item.repPhoto?.photoid?.thumbnailpath || '/images/no_image.svg'}
+              category={item.contentscd?.value}
+              contentid={item?.contentsid}
+            />
+          </button>
         );
       default:
         return null;
@@ -312,7 +330,6 @@ const SearchPage = () => {
       <main className="mt-22 ">
         <div className="min-h-658">
           {isLoading ? (
-            // <SkeletonLayout layout={layout} itemList={itemListLength} />
             <SkeletonLayout layout={layout} itemList={itemListLength} />
           ) : (
             <div className={layout === 'medium-layout' ? 'flex flex-wrap' : ''}>