핫픽스 테마디테일 넘어가는부분 prdtId 값 추가.

This commit is contained in:
junghoon86.park
2024-07-18 14:09:03 +09:00
parent ff3dca9af7
commit 666bd2776f
6 changed files with 88 additions and 56 deletions

View File

@@ -1,16 +1,18 @@
import React, { useCallback } from "react";
import React, { useCallback } from 'react';
import classNames from "classnames";
import { useDispatch } from "react-redux";
import classNames from 'classnames';
import { useDispatch } from 'react-redux';
import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator";
import Spottable from "@enact/spotlight/Spottable";
import SpotlightContainerDecorator
from '@enact/spotlight/SpotlightContainerDecorator';
import Spottable from '@enact/spotlight/Spottable';
import defaultImageItem from "../../../../../assets/images/img-thumb-empty-product@3x.png";
import { pushPanel } from "../../../../actions/panelActions";
import CustomImage from "../../../../components/CustomImage/CustomImage";
import { panel_names } from "../../../../utils/Config";
import css from "./TCFI_2.module.less";
import defaultImageItem
from '../../../../../assets/images/img-thumb-empty-product@3x.png';
import { pushPanel } from '../../../../actions/panelActions';
import CustomImage from '../../../../components/CustomImage/CustomImage';
import { panel_names } from '../../../../utils/Config';
import css from './TCFI_2.module.less';
const SpottableComponent = Spottable("li");
@@ -41,6 +43,7 @@ export default function TCFI_2({
panelInfo: {
patnrId: data[0].patnrId,
themePrdtId: prdtId,
prdtId: prdtId,
curationId: data[0].curationId,
curationNm: data[0].curationNm,
type: "theme",

View File

@@ -1,16 +1,18 @@
import React, { useCallback } from "react";
import React, { useCallback } from 'react';
import classNames from "classnames";
import { useDispatch } from "react-redux";
import classNames from 'classnames';
import { useDispatch } from 'react-redux';
import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator";
import Spottable from "@enact/spotlight/Spottable";
import SpotlightContainerDecorator
from '@enact/spotlight/SpotlightContainerDecorator';
import Spottable from '@enact/spotlight/Spottable';
import defaultImageItem from "../../../../../assets/images/img-thumb-empty-product@3x.png";
import { pushPanel } from "../../../../actions/panelActions";
import CustomImage from "../../../../components/CustomImage/CustomImage";
import { panel_names } from "../../../../utils/Config";
import css from "./TCFI_3.module.less";
import defaultImageItem
from '../../../../../assets/images/img-thumb-empty-product@3x.png';
import { pushPanel } from '../../../../actions/panelActions';
import CustomImage from '../../../../components/CustomImage/CustomImage';
import { panel_names } from '../../../../utils/Config';
import css from './TCFI_3.module.less';
const SpottableComponent = Spottable("li");
const Container = SpotlightContainerDecorator(
@@ -39,6 +41,7 @@ export default function TCFI_3({
panelInfo: {
patnrId: data[0].patnrId,
themePrdtId: prdtId,
prdtId: prdtId,
curationId: data[0].curationId,
curationNm: data[0].curationNm,
type: "theme",

View File

@@ -1,17 +1,19 @@
// @@@ 포커스 처리 남음
import React, { useCallback } from "react";
import React, { useCallback } from 'react';
import classNames from "classnames";
import { useDispatch } from "react-redux";
import classNames from 'classnames';
import { useDispatch } from 'react-redux';
import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator";
import Spottable from "@enact/spotlight/Spottable";
import SpotlightContainerDecorator
from '@enact/spotlight/SpotlightContainerDecorator';
import Spottable from '@enact/spotlight/Spottable';
import defaultImageItem from "../../../../../assets/images/img-thumb-empty-product@3x.png";
import { pushPanel } from "../../../../actions/panelActions";
import CustomImage from "../../../../components/CustomImage/CustomImage";
import { panel_names } from "../../../../utils/Config";
import css from "./TCFI_4.module.less";
import defaultImageItem
from '../../../../../assets/images/img-thumb-empty-product@3x.png';
import { pushPanel } from '../../../../actions/panelActions';
import CustomImage from '../../../../components/CustomImage/CustomImage';
import { panel_names } from '../../../../utils/Config';
import css from './TCFI_4.module.less';
const SpottableComponent = Spottable("li");
@@ -41,6 +43,7 @@ export default function TCFI_4({
panelInfo: {
patnrId: data[0].patnrId,
themePrdtId: prdtId,
prdtId: prdtId,
curationId: data[0].curationId,
curationNm: data[0].curationNm,
type: "theme",

View File

@@ -1,22 +1,32 @@
import React, { useCallback, useEffect, useRef, useState } from "react";
import React, {
useCallback,
useEffect,
useRef,
useState,
} from 'react';
import classNames from "classnames";
import { useDispatch } from "react-redux";
import classNames from 'classnames';
import { useDispatch } from 'react-redux';
import { Job } from "@enact/core/util";
import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator";
import Spottable from "@enact/spotlight/Spottable";
import { Job } from '@enact/core/util';
import SpotlightContainerDecorator
from '@enact/spotlight/SpotlightContainerDecorator';
import Spottable from '@enact/spotlight/Spottable';
import defaultImageItem from "../../../../../assets/images/img-thumb-empty-product@3x.png";
import { pushPanel, updatePanel } from "../../../../actions/panelActions";
import defaultImageItem
from '../../../../../assets/images/img-thumb-empty-product@3x.png';
import {
pushPanel,
updatePanel,
} from '../../../../actions/panelActions';
import {
finishVideoPreview,
startVideoPlayer,
} from "../../../../actions/playActions";
import CustomImage from "../../../../components/CustomImage/CustomImage";
import usePrevious from "../../../../hooks/usePrevious";
import { panel_names } from "../../../../utils/Config";
import css from "./TCFV_2.module.less";
} from '../../../../actions/playActions';
import CustomImage from '../../../../components/CustomImage/CustomImage';
import usePrevious from '../../../../hooks/usePrevious';
import { panel_names } from '../../../../utils/Config';
import css from './TCFV_2.module.less';
const SpottableComponent = Spottable("li");
const Container = SpotlightContainerDecorator(
@@ -52,6 +62,7 @@ export default function TCFV_2({
panelInfo: {
patnrId: data[0].patnrId,
themePrdtId: prdtId,
prdtId: prdtId,
curationId: data[0].curationId,
curationNm: data[0].curationNm,
type: "theme",

View File

@@ -65,6 +65,7 @@ export default function TCFV_3({
panelInfo: {
patnrId: data[0].patnrId,
themePrdtId: prdtId,
prdtId: prdtId,
curationId: data[0].curationId,
curationNm: data[0].curationNm,
type: "theme",

View File

@@ -1,22 +1,32 @@
import React, { useCallback, useEffect, useRef, useState } from "react";
import React, {
useCallback,
useEffect,
useRef,
useState,
} from 'react';
import classNames from "classnames";
import { useDispatch } from "react-redux";
import classNames from 'classnames';
import { useDispatch } from 'react-redux';
import { Job } from "@enact/core/util";
import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator";
import Spottable from "@enact/spotlight/Spottable";
import { Job } from '@enact/core/util';
import SpotlightContainerDecorator
from '@enact/spotlight/SpotlightContainerDecorator';
import Spottable from '@enact/spotlight/Spottable';
import defaultImageItem from "../../../../../assets/images/img-thumb-empty-product@3x.png";
import { pushPanel, updatePanel } from "../../../../actions/panelActions";
import defaultImageItem
from '../../../../../assets/images/img-thumb-empty-product@3x.png';
import {
pushPanel,
updatePanel,
} from '../../../../actions/panelActions';
import {
finishVideoPreview,
startVideoPlayer,
} from "../../../../actions/playActions";
import CustomImage from "../../../../components/CustomImage/CustomImage";
import usePrevious from "../../../../hooks/usePrevious";
import { panel_names } from "../../../../utils/Config";
import css from "./TCFV_4.module.less";
} from '../../../../actions/playActions';
import CustomImage from '../../../../components/CustomImage/CustomImage';
import usePrevious from '../../../../hooks/usePrevious';
import { panel_names } from '../../../../utils/Config';
import css from './TCFV_4.module.less';
const ContainerTCFV = SpotlightContainerDecorator(
{
@@ -52,6 +62,7 @@ export default function TCFV_4({
panelInfo: {
patnrId: data[0].patnrId,
themePrdtId: prdtId,
prdtId: prdtId,
curationId: data[0].curationId,
curationNm: data[0].curationNm,
type: "theme",