diff --git a/com.twin.app.shoptime/src/hooks/useReviews/useReviews.js b/com.twin.app.shoptime/src/hooks/useReviews/useReviews.js index 61dd7ade..a93c2a99 100644 --- a/com.twin.app.shoptime/src/hooks/useReviews/useReviews.js +++ b/com.twin.app.shoptime/src/hooks/useReviews/useReviews.js @@ -592,9 +592,15 @@ const useReviews = (prdtId, patnrId, _deprecatedReviewVersion) => { ]); // 필터 변경 시 UserReviewPanel 페이지도 초기화 + // ✅ 클라이언트 필터 + API 필터 모두 감시 useEffect(() => { + console.log('[useReviews] 필터 변경 감지 - userReviewPanelPage 초기화:', { + filterType: currentFilter.type, + filterValue: currentFilter.value, + apiFilter: currentReviewFilter, + }); setUserReviewPanelPage(0); - }, [currentFilter.type, currentFilter.value]); + }, [currentFilter.type, currentFilter.value, currentReviewFilter]); // Single Filter 적용 함수 const applyFilter = useCallback((type, value) => { diff --git a/com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/UserReviews/UserReviewsPopup/UserReviewsPopup.jsx b/com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/UserReviews/UserReviewsPopup/UserReviewsPopup.jsx index 1173d912..80c9f89b 100644 --- a/com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/UserReviews/UserReviewsPopup/UserReviewsPopup.jsx +++ b/com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/UserReviews/UserReviewsPopup/UserReviewsPopup.jsx @@ -105,25 +105,34 @@ export default function UserReviewsPopup({ const [currentReviewIndex, setCurrentReviewIndex] = useState(0); // 모드별 리뷰 인덱스 초기화 + // ✅ selectedImageIndex 변경 감지 추가: 클릭한 리뷰가 팝업에 표시되도록 useEffect(() => { + console.log('[UserReviewsPopup] Mode or selectedImageIndex changed:', { + mode, + selectedImageIndex, + allReviewsLength: allReviews?.length || 0, + }); + if (mode === "all-images" && images && images[selectedImageIndex]) { const selectedImage = images[selectedImageIndex]; const reviewIndex = reviewsWithImages.findIndex( (review) => review.rvwId === selectedImage.reviewId ); if (reviewIndex !== -1) { + console.log('[UserReviewsPopup] all-images mode - found review index:', reviewIndex); setCurrentReviewIndex(reviewIndex); } } else if (mode === "user-reviews") { // User-Reviews 모드: selectedImageIndex를 그대로 사용 + console.log('[UserReviewsPopup] user-reviews mode - setting index to:', selectedImageIndex); setCurrentReviewIndex(selectedImageIndex); } }, [ mode, - // selectedImageIndex, - // images, - // reviewsWithImages, - // allReviews, + selectedImageIndex, // ✅ 추가: 선택된 이미지 인덱스 변경 감지 + images, // ✅ 추가: 이미지 데이터 변경 감지 + reviewsWithImages, // ✅ 추가: 이미지 있는 리뷰 변경 감지 + allReviews, // ✅ 추가: allReviews 변경 감지 ]); // 리뷰 네비게이션 핸들러 (All-Images 및 User-Reviews 모드) diff --git a/com.twin.app.shoptime/src/views/UserReview/ShowUserReviews.jsx b/com.twin.app.shoptime/src/views/UserReview/ShowUserReviews.jsx index b957f054..148656dc 100644 --- a/com.twin.app.shoptime/src/views/UserReview/ShowUserReviews.jsx +++ b/com.twin.app.shoptime/src/views/UserReview/ShowUserReviews.jsx @@ -124,10 +124,10 @@ const ShowUserReviews = ({ hasVideo, launchedFromPlayer, onFocus, onBlur }) => { return (