optrader/shoptime
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[리뷰 팝업 포커스 사라짐 수정]

Browse Source 
- 모드 변경시에 포커스 박스 안에서만 유지되도록 변경.
This commit is contained in:
junghoon86.park
2025-12-08 19:38:04 +09:00
parent e00763f0da
commit b2807c5a39
1 changed files with 3 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
com.twin.app.shoptime/src/views/DetailPanel/ProductContentSection/UserReviews/UserReviewsPopup/UserReviewsPopup.jsx
View File

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