From 9127b3629b5de8bea54058cb8b9fda4765e2d927 Mon Sep 17 00:00:00 2001
From: jaeyo03 <toyazx@naver.com>
Date: Fri, 7 Feb 2025 15:13:38 +0900
Subject: [PATCH] =?UTF-8?q?Revert=20"fix=20:=20=EB=9D=BC=EC=9A=B0=ED=84=B0?=
 =?UTF-8?q?=20=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

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

diff --git a/src/pages/SearchPage/index.jsx b/src/pages/SearchPage/index.jsx
index b7a885a..fe57871 100644
--- a/src/pages/SearchPage/index.jsx
+++ b/src/pages/SearchPage/index.jsx
@@ -158,82 +158,64 @@ const SearchPage = () => {
     setLayout(layouticon);
   };
 
+  const handleCardClick = contentId => {
+    navigate(`/detail/${contentId}`); // 상세 페이지로 이동
+    window.scrollTo(0, 0);
+  };
+
   const renderCard = item => {
     switch (layout) {
       case 'large-layout':
         return (
-          <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>
+          <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}
+          />
         );
       case 'medium-layout':
         return (
-          <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>
+          <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}
+          />
         );
       case 'small-layout':
         return (
-          <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>
+          <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}
+          />
         );
       default:
         return null;
@@ -330,6 +312,7 @@ 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' : ''}>