From a44d43d0c192531cc7230e35a19ef70ab0043008 Mon Sep 17 00:00:00 2001 From: dongyoungKo Date: Thu, 8 May 2025 16:53:21 +0900 Subject: [PATCH] =?UTF-8?q?[=ED=86=B5=ED=95=A9=EB=A1=9C=EA=B7=B8]=20contex?= =?UTF-8?q?tName=20,=20messageId=20add=20Config.js?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- com.twin.app.shoptime/src/utils/Config.js | 9 +++ .../views/HomePanel/HomeBanner/RandomUnit.jsx | 78 +++++++++++++------ .../src/views/HomePanel/HomePanel.jsx | 6 +- 3 files changed, 67 insertions(+), 26 deletions(-) diff --git a/com.twin.app.shoptime/src/utils/Config.js b/com.twin.app.shoptime/src/utils/Config.js index 308ca621..db97e164 100644 --- a/com.twin.app.shoptime/src/utils/Config.js +++ b/com.twin.app.shoptime/src/utils/Config.js @@ -581,3 +581,12 @@ export const ERROR_MESSAGES_GROUPS = [ message: $L("The order request has failed."), }, ]; + +export const LOG_CONTEXT_NAME = { + HOME: "shoptime.home", +}; + +export const LOG_MESSAGE_ID = { + HOME: "AL_HOME_SHOWN", + BANNER: "AL_BANNER_SHOWN", +}; diff --git a/com.twin.app.shoptime/src/views/HomePanel/HomeBanner/RandomUnit.jsx b/com.twin.app.shoptime/src/views/HomePanel/HomeBanner/RandomUnit.jsx index 074d5df9..b1fef4db 100644 --- a/com.twin.app.shoptime/src/views/HomePanel/HomeBanner/RandomUnit.jsx +++ b/com.twin.app.shoptime/src/views/HomePanel/HomeBanner/RandomUnit.jsx @@ -4,36 +4,56 @@ import React, { useMemo, useRef, useState, -} from "react"; +} from 'react'; -import classNames from "classnames"; -import { useDispatch, useSelector } from "react-redux"; +import classNames from 'classnames'; +import { + useDispatch, + useSelector, +} from 'react-redux'; -import Spotlight from "@enact/spotlight"; -import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator"; -import Spottable from "@enact/spotlight/Spottable"; -import { getContainerId } from "@enact/spotlight/src/container"; +import Spotlight from '@enact/spotlight'; +import SpotlightContainerDecorator + from '@enact/spotlight/SpotlightContainerDecorator'; +import Spottable from '@enact/spotlight/Spottable'; +import { getContainerId } from '@enact/spotlight/src/container'; -import btnPlay from "../../../../assets/images/btn/btn-play-thumb-nor.png"; -import defaultLogoImg from "../../../../assets/images/ic-tab-partners-default@3x.png"; -import emptyHorImage from "../../../../assets/images/img-home-banner-empty-hor.png"; -import emptyVerImage from "../../../../assets/images/img-home-banner-empty-ver.png"; -import defaultImageItem from "../../../../assets/images/img-thumb-empty-product@3x.png"; -import liveShow from "../../../../assets/images/tag-liveshow.png"; -import { changeAppStatus } from "../../../actions/commonActions"; -import { updateHomeInfo } from "../../../actions/homeActions"; -import { sendLogTopContents } from "../../../actions/logActions"; -import { pushPanel } from "../../../actions/panelActions"; +import btnPlay from '../../../../assets/images/btn/btn-play-thumb-nor.png'; +import defaultLogoImg + from '../../../../assets/images/ic-tab-partners-default@3x.png'; +import emptyHorImage + from '../../../../assets/images/img-home-banner-empty-hor.png'; +import emptyVerImage + from '../../../../assets/images/img-home-banner-empty-ver.png'; +import defaultImageItem + from '../../../../assets/images/img-thumb-empty-product@3x.png'; +import liveShow from '../../../../assets/images/tag-liveshow.png'; +import { changeAppStatus } from '../../../actions/commonActions'; +import { updateHomeInfo } from '../../../actions/homeActions'; +import { + sendLogTopContents, + sendLogTotalRecommend, +} from '../../../actions/logActions'; +import { pushPanel } from '../../../actions/panelActions'; import { finishVideoPreview, startVideoPlayer, -} from "../../../actions/playActions"; -import CustomImage from "../../../components/CustomImage/CustomImage"; -import usePriceInfo from "../../../hooks/usePriceInfo"; -import { LOG_MENU, LOG_TP_NO, panel_names } from "../../../utils/Config"; -import { $L, formatGMTString } from "../../../utils/helperMethods"; -import { TEMPLATE_CODE_CONF } from "../HomePanel"; -import css from "./RandomUnit.module.less"; +} from '../../../actions/playActions'; +import CustomImage from '../../../components/CustomImage/CustomImage'; +import usePriceInfo from '../../../hooks/usePriceInfo'; +import { + LOG_CONTEXT_NAME, + LOG_MENU, + LOG_MESSAGE_ID, + LOG_TP_NO, + panel_names, +} from '../../../utils/Config'; +import { + $L, + formatGMTString, +} from '../../../utils/helperMethods'; +import { TEMPLATE_CODE_CONF } from '../HomePanel'; +import css from './RandomUnit.module.less'; const SpottableComponent = Spottable("div"); @@ -416,6 +436,16 @@ export default function RandomUnit({ } }, [dispatch, entryMenu, nowMenu, topContentsLogInfo]); + //통합로그 + useEffect(() => { + dispatch( + sendLogTotalRecommend({ + contextName: LOG_CONTEXT_NAME.HOME, + messageId: LOG_MESSAGE_ID.BANNER, + }) + ); + }, []); + useEffect(() => { if (bannerData) { setRandomData(bannerDetailInfos[randomNumber]); diff --git a/com.twin.app.shoptime/src/views/HomePanel/HomePanel.jsx b/com.twin.app.shoptime/src/views/HomePanel/HomePanel.jsx index e9c20861..6a4d8cba 100644 --- a/com.twin.app.shoptime/src/views/HomePanel/HomePanel.jsx +++ b/com.twin.app.shoptime/src/views/HomePanel/HomePanel.jsx @@ -53,7 +53,9 @@ import useDebugKey from '../../hooks/useDebugKey'; import usePrevious from '../../hooks/usePrevious'; import { ACTIVE_POPUP, + LOG_CONTEXT_NAME, LOG_MENU, + LOG_MESSAGE_ID, panel_names, } from '../../utils/Config'; import { $L } from '../../utils/helperMethods'; @@ -144,8 +146,8 @@ const HomePanel = ({ isOnTop }) => { if (nowMenu === "Home/Top") { dispatch( sendLogTotalRecommend({ - messageId: "AL_HOME_SHOWN", - contextName: "shoptime.home", + messageId: LOG_MESSAGE_ID.HOME, + contextName: LOG_CONTEXT_NAME.HOME, }) ); }