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 80c9f89b..9234ff2c 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 @@ -7,6 +7,7 @@ import React, { import classNames from 'classnames'; +import Spotlight from '@enact/spotlight'; import SpotlightContainerDecorator from '@enact/spotlight/SpotlightContainerDecorator'; import Spottable from '@enact/spotlight/Spottable'; @@ -182,6 +183,7 @@ export default function UserReviewsPopup({ // 모드가 변경되면 이미지 로딩 상태 초기화 useEffect(() => { setImageLoadStates({}); + Spotlight.focus("review-popup-container"); }, [mode]); // 모든 이미지 표시 @@ -216,6 +218,7 @@ export default function UserReviewsPopup({ ? "user-review-detail-prev" : "user-review-image-0" } + spotlightId="review-popup-container" > {mode === "customer-images" && (