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

[FeaturedBrandsPanel] modify sendLogPartners and sendLogGNB

Browse Source
This commit is contained in:
younghoon100.park
2024-07-19 13:04:18 +09:00
parent d47150a938
commit 18b5f265ff
3 changed files with 1092 additions and 1067 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2099
com.twin.app.shoptime/src/actions/logActions.js
View File

File diff suppressed because it is too large Load Diff

32
com.twin.app.shoptime/src/utils/Config.js
View File

@@ -284,16 +284,28 @@ export const LOG_MENU = {
CATEGORY_POPULAR_SHOWS: "Category/Popular Shows",
CATEGORY_BEST_SELLER: "Category/Best Sellers",
FEATURED_BRANDS_QUICK_MENU: "Featured Brands/Quick Menu",
FEATURED_BRANDS_LIVE_CHANNELS: "Featured Brands/Live Channels",
FEATURED_BRANDS_UPCOMING: "Featured Brands/Upcoming",
FEATURED_BRANDS_TODAYS_DEALS: 'Featured Brands/Today"s Deals',
FEATURED_BRANDS_BEST_SELLER: "Featured Brands/Best Sellers",
FEATURED_BRANDS_RECOMMENDED_SHOWS: "Featured Brands/Recommended Shows",
FEATURED_BRANDS_FEATURED_CREATORS: "Featured Brands/Featured Creators",
FEATURED_BRANDS_SERIES: "Featured Brands/Series",
FEATURED_BRANDS_CATEGORY: "Featured Brands/Category",
FEATURED_BRANDS_SHOWROOM: "Featured Brands/Showroom",
FEATURED_BRANDS: "Featured Brands",
FEATURED_BRANDS_QUICK_MENU: "Quick Menu",
FEATURED_BRANDS_LIVE_CHANNELS: "Live Channels",
FEATURED_BRANDS_UPCOMING: "Upcoming",
FEATURED_BRANDS_TODAYS_DEALS: "Today's Deals",
FEATURED_BRANDS_BEST_SELLER: "Best Sellers",
FEATURED_BRANDS_RECOMMENDED_SHOWS: "Recommended Shows",
FEATURED_BRANDS_FEATURED_CREATORS: "Featured Creators",
FEATURED_BRANDS_SERIES: "Series",
FEATURED_BRANDS_CATEGORY: "Category",
FEATURED_BRANDS_SHOWROOM: "Showroom",
// FEATURED_BRANDS_QUICK_MENU: "Featured Brands/Quick Menu",
// FEATURED_BRANDS_LIVE_CHANNELS: "Featured Brands/Live Channels",
// FEATURED_BRANDS_UPCOMING: "Featured Brands/Upcoming",
// FEATURED_BRANDS_TODAYS_DEALS: 'Featured Brands/Today"s Deals',
// FEATURED_BRANDS_BEST_SELLER: "Featured Brands/Best Sellers",
// FEATURED_BRANDS_RECOMMENDED_SHOWS: "Featured Brands/Recommended Shows",
// FEATURED_BRANDS_FEATURED_CREATORS: "Featured Brands/Featured Creators",
// FEATURED_BRANDS_SERIES: "Featured Brands/Series",
// FEATURED_BRANDS_CATEGORY: "Featured Brands/Category",
// FEATURED_BRANDS_SHOWROOM: "Featured Brands/Showroom",
MY_PAGE: "My Page",
// MY_PAGE_MY_INFO: "My Page/My Info",

28
com.twin.app.shoptime/src/views/FeaturedBrandsPanel/FeaturedBrandsPanel.jsx
View File

@@ -249,6 +249,7 @@ const FeaturedBrandsPanel = ({ isOnTop, panelInfo, spotlightId }) => {
const [isInitialFocusOccurred, setIsInitialFocusOccurred] = useState(false);
const [isInitialRendered, setIsInitialRendered] = useState(true);
const [isMounted, setIsMounted] = useState(false);
const [isLogGNBSent, setIsLogGNBSent] = useState(false);
const [numChildren, setNumChildren] = useState(0);
const [spotlightDisabled, setSpotlightDisabled] = useState(true);
const [selectedPatncNm, setSelectedPatncNm] = useState(null);
@@ -365,6 +366,13 @@ const FeaturedBrandsPanel = ({ isOnTop, panelInfo, spotlightId }) => {
panelInfo?.patnrId,
]);
useEffect(() => {
if (fromQuickMenu && selectedPatncNm) {
let menu = `${LOG_MENU.FEATURED_BRANDS}/${selectedPatncNm} ${LOG_MENU.FEATURED_BRANDS_QUICK_MENU}`;
dispatch(sendLogGNB(menu));
}
}, [fromQuickMenu, panelInfo?.patnrId, selectedPatncNm]);
useEffect(() => {
if (brandLayoutInfo && selectedPatnrId) {
// console.log(
@@ -512,7 +520,12 @@ const FeaturedBrandsPanel = ({ isOnTop, panelInfo, spotlightId }) => {
]);
useEffect(() => {
if (isInitialFocusOccurred && selectedPatnrId && selectedPatncNm) {
if (
isLogGNBSent &&
isInitialFocusOccurred &&
selectedPatnrId &&
selectedPatncNm
) {
dispatch(
sendLogPartners({
patncNm: selectedPatncNm,
@@ -520,7 +533,7 @@ const FeaturedBrandsPanel = ({ isOnTop, panelInfo, spotlightId }) => {
})
);
}
}, [isInitialFocusOccurred, selectedPatnrId, selectedPatncNm]);
}, [isLogGNBSent, isInitialFocusOccurred, selectedPatnrId, selectedPatncNm]);
useEffect(() => {
if (selectedCatCd) {
@@ -643,9 +656,14 @@ const FeaturedBrandsPanel = ({ isOnTop, panelInfo, spotlightId }) => {
setTimeout(() => Spotlight.focus());
}, [dispatch]);
const handleItemFocus = useCallback((nowMenu) => {
dispatch(sendLogGNB(nowMenu));
}, []);
const handleItemFocus = useCallback(
(nowMenu) => {
let menu = `${LOG_MENU.FEATURED_BRANDS}/${selectedPatncNm} ${nowMenu}`;
dispatch(sendLogGNB(menu));
setIsLogGNBSent(true);
},
[selectedPatncNm]
);
const onFocusedContainerId = useCallback((containerId) => {
setFocusedContainerId(containerId);