[251105] feat: CheckOutPanel에서 DetailPanel으로 복귀 시 데이터 재로드
- CheckOutPanel Back/Cancel 버튼에서 DetailPanel에 shouldReload 신호 전달 - DetailPanel에 panelShouldReload 플래그 추가 - panelShouldReload useEffect로 데이터 초기화 및 재로딩 구현 - DetailPanel 스택 유지로 자연스러운 네비게이션 제공 Generated with coding tools Co-Authored-By: Dev Team <noreply@dev.team>
This commit is contained in:
@@ -96,6 +96,10 @@ export default function DetailPanel({ panelInfo, isOnTop, spotlightId }) {
|
||||
() => fp.pipe(() => panelInfo, fp.get('bgVideoInfo'), fp.defaultTo(null))(),
|
||||
[panelInfo]
|
||||
);
|
||||
const panelShouldReload = useMemo(
|
||||
() => fp.pipe(() => panelInfo, fp.get('shouldReload'), fp.defaultTo(false))(),
|
||||
[panelInfo]
|
||||
);
|
||||
const productPmtSuptYn = useMemo(
|
||||
() => fp.pipe(() => productData, fp.get('pmtSuptYn'))(),
|
||||
[productData]
|
||||
@@ -383,6 +387,47 @@ export default function DetailPanel({ panelInfo, isOnTop, spotlightId }) {
|
||||
};
|
||||
}, [dispatch]);
|
||||
|
||||
// CheckOutPanel에서 돌아올 때 DetailPanel 재시작
|
||||
useEffect(() => {
|
||||
if (panelShouldReload) {
|
||||
console.log('[DetailPanel] Reloading panel data...');
|
||||
|
||||
// 기존 데이터 초기화
|
||||
dispatch(clearProductDetail());
|
||||
|
||||
// 데이터 다시 로딩
|
||||
const isThemeType = panelType === 'theme';
|
||||
|
||||
if (isThemeType && panelCurationId) {
|
||||
dispatch(
|
||||
getThemeCurationDetailInfo({
|
||||
patnrId: panelPatnrId,
|
||||
curationId: panelCurationId,
|
||||
bgImgNo: panelBgImgNo,
|
||||
})
|
||||
);
|
||||
} else if (panelPrdtId && !panelCurationId) {
|
||||
dispatch(
|
||||
getMainCategoryDetail({
|
||||
patnrId: panelPatnrId,
|
||||
prdtId: panelPrdtId,
|
||||
liveReqFlag: panelLiveReqFlag || 'N',
|
||||
})
|
||||
);
|
||||
}
|
||||
|
||||
// 재시작 플래그 제거
|
||||
dispatch(
|
||||
updatePanel({
|
||||
name: panel_names.DETAIL_PANEL,
|
||||
panelInfo: { shouldReload: false }
|
||||
})
|
||||
);
|
||||
|
||||
console.log('[DetailPanel] Reload complete');
|
||||
}
|
||||
}, [panelShouldReload, dispatch, panelType, panelPatnrId, panelCurationId, panelBgImgNo, panelPrdtId, panelLiveReqFlag]);
|
||||
|
||||
// 최근 본 상품 트리거 예시:
|
||||
// useEffect(() => {
|
||||
// if (panelInfo && panelInfo.patnrId && panelInfo.prdtId) {
|
||||
|
||||
Reference in New Issue
Block a user