From a2351d2a726cc12d1fd62ece6f5a3a1c19e0db7e Mon Sep 17 00:00:00 2001
From: jinyoung <87177577+jinyoung234@users.noreply.github.com>
Date: Mon, 14 Oct 2024 13:44:19 +0900
Subject: [PATCH] =?UTF-8?q?[Feature]=20-=20=EC=97=AC=ED=96=89=20=EA=B3=84?=
 =?UTF-8?q?=ED=9A=8D=20&=20=EC=97=AC=ED=96=89=EA=B8=B0=20=EC=83=81?=
 =?UTF-8?q?=EC=84=B8=20=ED=8E=98=EC=9D=B4=EC=A7=80=EB=A1=9C=20=EC=9D=B4?=
 =?UTF-8?q?=EB=8F=99=20=EC=8B=9C=20scroll=20=EC=B5=9C=EC=83=81=EB=8B=A8?=
 =?UTF-8?q?=EC=9C=BC=EB=A1=9C=20=EC=9D=B4=EB=8F=99=20=EB=90=98=EB=8F=84?=
 =?UTF-8?q?=EB=A1=9D=20=EB=B3=80=EA=B2=BD=20=20(#511)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* refactor(TravelogueDetailPage): 여행기 상세 페이지 이동 시 최상단으로 스크롤 되도록 변경

* refactor(TravelPlanDetailPage): 여행 계획 상세 페이지 이동 시 최상단으로 스크롤 되도록 변경
---
 .../pages/travelPlanDetail/TravelPlanDetailPage.tsx         | 6 +++++-
 .../pages/travelogueDetail/TravelogueDetailPage.tsx         | 6 +++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/pages/travelPlanDetail/TravelPlanDetailPage.tsx b/frontend/src/components/pages/travelPlanDetail/TravelPlanDetailPage.tsx
index 4155588f..3b60d693 100644
--- a/frontend/src/components/pages/travelPlanDetail/TravelPlanDetailPage.tsx
+++ b/frontend/src/components/pages/travelPlanDetail/TravelPlanDetailPage.tsx
@@ -1,4 +1,4 @@
-import { useRef, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import ReactGA from "react-ga4";
 import { useNavigate, useParams } from "react-router-dom";
 
@@ -86,6 +86,10 @@ const TravelPlanDetailPage = () => {
 
   useClickAway(iconButtonContainerRef, handleCloseMoreDropdown);
 
+  useEffect(() => {
+    window.scrollTo(0, 0);
+  }, []);
+
   if (status === "pending" || status === "error") {
     if (status === "error") {
       alert(error.message);
diff --git a/frontend/src/components/pages/travelogueDetail/TravelogueDetailPage.tsx b/frontend/src/components/pages/travelogueDetail/TravelogueDetailPage.tsx
index e04744fb..7377f437 100644
--- a/frontend/src/components/pages/travelogueDetail/TravelogueDetailPage.tsx
+++ b/frontend/src/components/pages/travelogueDetail/TravelogueDetailPage.tsx
@@ -1,4 +1,4 @@
-import { useRef, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import ReactGA from "react-ga4";
 import { useNavigate, useParams } from "react-router-dom";
 
@@ -108,6 +108,10 @@ const TravelogueDetailPage = () => {
     return handleActiveHeart(id);
   };
 
+  useEffect(() => {
+    window.scrollTo(0, 0);
+  }, []);
+
   if (
     isGettingTraveloguePaused ||
     isDeletingTraveloguePaused ||