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

SHOPTIME-4007 Hot Picks Detail 상품썸네일 인디케이터 포커싱 수정

Browse Source
This commit is contained in:
Dev TWIN0906
2025-05-26 10:55:47 +09:00
parent cbe251670b
commit 8fd76fb608
2 changed files with 34 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
com.twin.app.shoptime/src/views/DetailPanel/SingleProduct/SingleProduct.jsx
View File

@@ -9,9 +9,14 @@ import {
sendLogGNB,
sendLogProductDetail,
sendLogShopByMobile,
sendLogTotalRecommend
sendLogTotalRecommend,
} from "../../../actions/logActions";
import { LOG_CONTEXT_NAME, LOG_MENU, LOG_MESSAGE_ID, LOG_TP_NO } from "../../../utils/Config";
import {
LOG_CONTEXT_NAME,
LOG_MENU,
LOG_MESSAGE_ID,
LOG_TP_NO,
} from "../../../utils/Config";
import {
formatGMTString,
formatLocalDateTime,
@@ -102,12 +107,14 @@ export default function SingleProduct({
patnrId: productData?.patnrId ?? "",
};
dispatch(sendLogDetail(params));
dispatch(sendLogTotalRecommend({
menu: LOG_MENU.DETAIL_PAGE_BILLING_PRODUCT_DETAIL,
buttonTitle: 'DESCRIPTION',
contextName: LOG_CONTEXT_NAME.DETAILPAGE,
messageId: LOG_MESSAGE_ID.BUTTONCLICK
}))
dispatch(
sendLogTotalRecommend({
menu: LOG_MENU.DETAIL_PAGE_BILLING_PRODUCT_DETAIL,
buttonTitle: "DESCRIPTION",
contextName: LOG_CONTEXT_NAME.DETAILPAGE,
messageId: LOG_MESSAGE_ID.BUTTONCLICK,
})
);
}
}, [productData]);
@@ -117,7 +124,7 @@ export default function SingleProduct({
const discountPrice = productData?.priceInfo?.split("|")[1];
const discountRate = productData?.priceInfo?.split("|")[4];
const logParams = {
status: 'open',
status: "open",
nowMenu: nowMenu,
partner: productData?.patncNm,
productId: productData?.prdtId,
@@ -127,15 +134,17 @@ export default function SingleProduct({
discount: discountRate,
category: productData?.catNm,
contextName: LOG_CONTEXT_NAME.SHOPBYMOBILE,
messageId: LOG_MESSAGE_ID.SMB
}
dispatch(sendLogTotalRecommend(logParams))
dispatch(sendLogTotalRecommend({
menu: LOG_MENU.DETAIL_PAGE_BILLING_PRODUCT_DETAIL,
buttonTitle: 'Shop By Mobile',
contextName: LOG_CONTEXT_NAME.DETAILPAGE,
messageId: LOG_MESSAGE_ID.BUTTONCLICK
}))
messageId: LOG_MESSAGE_ID.SMB,
};
dispatch(sendLogTotalRecommend(logParams));
dispatch(
sendLogTotalRecommend({
menu: LOG_MENU.DETAIL_PAGE_BILLING_PRODUCT_DETAIL,
buttonTitle: "Shop By Mobile",
contextName: LOG_CONTEXT_NAME.DETAILPAGE,
messageId: LOG_MESSAGE_ID.BUTTONCLICK,
})
);
}
if (productData && Object.keys(productData).length > 0) {
const params = {

9
com.twin.app.shoptime/src/views/DetailPanel/components/indicator/ThemeIndicatorArrow.jsx
View File

@@ -31,7 +31,7 @@ export default function ThemeIndicatorArrow({
if (imageSelectedIndex > 0) {
setImageSelectedIndex((prev) => prev - 1);
if (imageSelectedIndex === 1) {
if (imageSelectedIndex === 0) {
return Spotlight.focus("thumbnailNextButton");
}
}
@@ -70,6 +70,12 @@ export default function ThemeIndicatorArrow({
dispatch(getVideoIndicatorFocus(false));
}, [dispatch]);
useEffect(() => {
return () => {
dispatch(getVideoIndicatorFocus(false));
};
}, []);
return (
<>
<div className={css.thumbnailIndicator}>
@@ -97,7 +103,6 @@ export default function ThemeIndicatorArrow({
{imageSelectedIndex + 1} / {imageLength}
</span>
)}
<SpottableComponent
className={classNames(
css.nextButton,