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

fix: 20250626 선택약관 UI수정, 선택약관팝업 조건 수정

Browse Source
This commit is contained in:
djaco
2025-06-26 10:29:11 +09:00
parent 4fcb0729af
commit f6ac3f5884
17 changed files with 805 additions and 1022 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
com.twin.app.shoptime/src/views/HomePanel/HomeBanner/RollingUnit.jsx
View File

@@ -44,7 +44,7 @@ const SpottableComponent = Spottable("div");
const Container = SpotlightContainerDecorator(
{ enterTo: "last-focused", preserveId: true },
"div"
"div",
);
const LINK_TYPES = {
@@ -87,13 +87,13 @@ export default function RollingUnit({
const { curationId, curationTitle } = useSelector((state) => state.home);
const curtNm = useSelector((state) => state.home?.bannerData?.curtNm);
const shptmTmplCd = useSelector(
(state) => state.home?.bannerData?.shptmTmplCd
(state) => state.home?.bannerData?.shptmTmplCd,
);
const nowMenu = useSelector((state) => state.common.menu.nowMenu);
const entryMenu = useSelector((state) => state.common.menu.entryMenu);
const homeCategory = useSelector(
(state) => state.home.menuData?.data?.homeCategory
(state) => state.home.menuData?.data?.homeCategory,
);
const countryCode = useSelector((state) => state.common.httpHeader.cntry_cd);
@@ -101,7 +101,7 @@ export default function RollingUnit({
const savedIndex = useSelector((state) => state.home.bannerIndices[bannerId]);
const [startIndex, setStartIndex] = useState(
savedIndex !== undefined ? savedIndex : 0
savedIndex !== undefined ? savedIndex : 0,
);
const lastIndexRef = useRef(rollingDataLength - 1);
const doRollingRef = useRef(false);
@@ -193,7 +193,7 @@ export default function RollingUnit({
rollingDataRef.current[startIndex].vtctpYn === "Y"
? "Vertical"
: "Horizontal",
})
}),
);
}
}, [nowMenu, rollingDataRef]);
@@ -210,7 +210,7 @@ export default function RollingUnit({
if (deltaTime >= 10000 && doRollingRef.current) {
setStartIndex((prevIndex) =>
prevIndex === lastIndexRef.current ? 0 : prevIndex + 1
prevIndex === lastIndexRef.current ? 0 : prevIndex + 1,
);
previousTimeRef.current = time;
}
@@ -304,7 +304,7 @@ export default function RollingUnit({
) {
if (homeCategory && homeCategory.length > 0) {
const foundCategory = homeCategory.find(
(data) => data.lgCatCd === rollingData[startIndex].lgCatCd
(data) => data.lgCatCd === rollingData[startIndex].lgCatCd,
);
if (foundCategory) {
return {
@@ -324,14 +324,14 @@ export default function RollingUnit({
(name, panelInfo) => {
dispatch(pushPanel({ name, panelInfo }));
},
[dispatch]
[dispatch],
);
const handleStartVideoPlayer = useCallback(
(playerInfo) => {
dispatch(startVideoPlayer(playerInfo));
},
[dispatch]
[dispatch],
);
const imageBannerClick = useCallback(() => {
@@ -350,7 +350,7 @@ export default function RollingUnit({
...topContentsLogInfo,
inDt: formatGMTString(new Date()) ?? "",
logTpNo: LOG_TP_NO.TOP_CONTENTS.CLICK,
})
}),
);
return;
}
@@ -366,14 +366,14 @@ export default function RollingUnit({
case LINK_TYPES.TRENDING_NOW:
handlePushPanel(
panel_names.TRENDING_NOW_PANEL,
createPanelInfo(currentData)
createPanelInfo(currentData),
);
break;
case LINK_TYPES.HOT_PICKS:
handlePushPanel(
panel_names.HOT_PICKS_PANEL,
createPanelInfo(currentData)
createPanelInfo(currentData),
);
break;
@@ -387,7 +387,7 @@ export default function RollingUnit({
if (Object.keys(categoryData).length > 0) {
handlePushPanel(
panel_names.CATEGORY_PANEL,
createPanelInfo(currentData, categoryData)
createPanelInfo(currentData, categoryData),
);
}
break;
@@ -418,7 +418,7 @@ export default function RollingUnit({
...topContentsLogInfo,
inDt: formatGMTString(new Date()) ?? "",
logTpNo: LOG_TP_NO.TOP_CONTENTS.CLICK,
})
}),
);
}, [
rollingData,
@@ -443,7 +443,7 @@ export default function RollingUnit({
focusedContainerId: TEMPLATE_CODE_CONF.TOP,
currentSpot: currentSpot?.getAttribute("data-spotlight-id"),
},
})
}),
);
}
@@ -471,7 +471,7 @@ export default function RollingUnit({
...topContentsLogInfo,
inDt: formatGMTString(new Date()) ?? "",
logTpNo: LOG_TP_NO.TOP_CONTENTS.CLICK,
})
}),
);
}, [
rollingData,
@@ -544,7 +544,7 @@ export default function RollingUnit({
<Container
className={classNames(
css.rollingWrap,
isHorizontal && css.isHorizontalWrap
isHorizontal && css.isHorizontalWrap,
)}
spotlightId={`container-${spotlightId}`}
onFocus={shelfFocus}
@@ -603,7 +603,7 @@ export default function RollingUnit({
<div
className={classNames(
css.itemBox,
isHorizontal && css.isHorizontal
isHorizontal && css.isHorizontal,
)}
>
{rollingData[startIndex].tmnlImgPath == null ? (
@@ -662,7 +662,7 @@ export default function RollingUnit({
<div
className={classNames(
css.itemBox,
isHorizontal && css.isHorizontal
isHorizontal && css.isHorizontal,
)}
>
{rollingData[startIndex].tmnlImgPath == null ? (
@@ -715,7 +715,7 @@ export default function RollingUnit({
css.todaysDeals,
countryCode === "RU" ? css.ru : "",
countryCode === "DE" ? css.de : "",
isHorizontal && css.isHorizontal
isHorizontal && css.isHorizontal,
)}
onClick={imageBannerClick}
onFocus={onFocus}
@@ -740,8 +740,8 @@ export default function RollingUnit({
{parseFloat(originalPrice?.replace("$", "")) === 0
? rollingData[startIndex].offerInfo
: discountRate
? discountedPrice
: originalPrice}
? discountedPrice
: originalPrice}
{discountRate && !isHorizontal && (
<span className={css.saleAccBox}>{originalPrice}</span>
)}