diff --git a/com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/Reminders/Reminders.jsx b/com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/Reminders/Reminders.jsx index 7b3c33d4..218afb74 100644 --- a/com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/Reminders/Reminders.jsx +++ b/com.twin.app.shoptime/src/views/MyPagePanel/MyPageSub/Reminders/Reminders.jsx @@ -271,6 +271,23 @@ export default function Reminders({ title, cbScrollTo }) { Spotlight.focus("mypage-reminder-delete"); }, [upComingAlertShow]); + const handleItemClick = useCallback( + (showId, showNm, patncNm, brndNm, patnrId) => () => { + const params = { + menu: "Reminders", + contentId: showId, + contentTitle: showNm, + showId: showId, + showTitle: showNm, + partner: patncNm, + brand: brndNm, + contextName: Config.LOG_CONTEXT_NAME.MYPAGE, + messageId: Config.LOG_MESSAGE_ID.MYPAGE_CLICK, + }; + dispatch(sendLogTotalRecommend(params)); + }, + [dispatch] + ); const renderItem = useCallback( ({ index, ...rest }) => { const sortedAlertShows = upComingAlertShow.alertShows @@ -298,15 +315,29 @@ export default function Reminders({ title, cbScrollTo }) { showNm={listItem.showNm} strtDt={listItem.strtDt} thumbnailUrl={listItem.thumbnailUrl} + brndNm={listItem.brndNm} activeDelete={activeDelete} selected={selectedItems[listItem.showId]} onToggle={handleItemToggle(listItem.showId)} + onClick={handleItemClick( + listItem.showId, + listItem.showNm, + listItem.patncNm, + listItem.brndNm, + listItem.patnrId + )} index={index} length={upComingAlertShow.alertShows.length} /> ); }, - [upComingAlertShow, activeDelete, selectedItems, handleItemToggle] + [ + upComingAlertShow, + activeDelete, + selectedItems, + handleItemToggle, + handleItemClick, + ] ); return (