주석제거
This commit is contained in:
@@ -4,45 +4,53 @@ import React, {
|
|||||||
useMemo,
|
useMemo,
|
||||||
useRef,
|
useRef,
|
||||||
useState,
|
useState,
|
||||||
} from "react";
|
} from 'react';
|
||||||
|
|
||||||
import classNames from "classnames";
|
import classNames from 'classnames';
|
||||||
import { useDispatch, useSelector } from "react-redux";
|
import {
|
||||||
|
useDispatch,
|
||||||
|
useSelector,
|
||||||
|
} from 'react-redux';
|
||||||
|
|
||||||
import { log } from "@enact/core/handle";
|
import { log } from '@enact/core/handle';
|
||||||
import Spotlight from "@enact/spotlight";
|
import Spotlight from '@enact/spotlight';
|
||||||
import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator";
|
import SpotlightContainerDecorator
|
||||||
import Spottable from "@enact/spotlight/Spottable";
|
from '@enact/spotlight/SpotlightContainerDecorator';
|
||||||
|
import Spottable from '@enact/spotlight/Spottable';
|
||||||
|
|
||||||
import { getMyInfoCheckoutInfo } from "../../../actions/checkoutActions";
|
import { getMyInfoCheckoutInfo } from '../../../actions/checkoutActions';
|
||||||
import {
|
import {
|
||||||
launchMembershipApp,
|
launchMembershipApp,
|
||||||
setHidePopup,
|
setHidePopup,
|
||||||
setShowPopup,
|
setShowPopup,
|
||||||
} from "../../../actions/commonActions";
|
} from '../../../actions/commonActions';
|
||||||
import {
|
import {
|
||||||
getProductCouponDownload,
|
getProductCouponDownload,
|
||||||
getProductCouponSearch,
|
getProductCouponSearch,
|
||||||
getProductCouponTotDownload,
|
getProductCouponTotDownload,
|
||||||
} from "../../../actions/couponActions";
|
} from '../../../actions/couponActions';
|
||||||
import { sendLogPaymentEntry } from "../../../actions/logActions";
|
import { sendLogPaymentEntry } from '../../../actions/logActions';
|
||||||
import { pushPanel } from "../../../actions/panelActions";
|
import { pushPanel } from '../../../actions/panelActions';
|
||||||
import {
|
import {
|
||||||
getProductOption,
|
getProductOption,
|
||||||
getProductOptionId,
|
getProductOptionId,
|
||||||
} from "../../../actions/productActions";
|
} from '../../../actions/productActions';
|
||||||
import TButton from "../../../components/TButton/TButton";
|
import TButton from '../../../components/TButton/TButton';
|
||||||
import TPopUp from "../../../components/TPopUp/TPopUp";
|
import TPopUp from '../../../components/TPopUp/TPopUp';
|
||||||
import TQRCode from "../../../components/TQRCode/TQRCode";
|
import TQRCode from '../../../components/TQRCode/TQRCode';
|
||||||
import TScroller from "../../../components/TScroller/TScroller";
|
import TScroller from '../../../components/TScroller/TScroller';
|
||||||
import TVirtualGridList from "../../../components/TVirtualGridList/TVirtualGridList";
|
import TVirtualGridList
|
||||||
import usePriceInfo from "../../../hooks/usePriceInfo";
|
from '../../../components/TVirtualGridList/TVirtualGridList';
|
||||||
import * as Config from "../../../utils/Config";
|
import usePriceInfo from '../../../hooks/usePriceInfo';
|
||||||
import { $L, getQRCodeUrl } from "../../../utils/helperMethods";
|
import * as Config from '../../../utils/Config';
|
||||||
import { SpotlightIds } from "../../../utils/SpotlightIds";
|
import {
|
||||||
import FavoriteBtn from "../components/FavoriteBtn";
|
$L,
|
||||||
import BillingProductPrice from "./BillingProductPrice/BillingProductPrice";
|
getQRCodeUrl,
|
||||||
import css from "./SingleOption.module.less";
|
} from '../../../utils/helperMethods';
|
||||||
|
import { SpotlightIds } from '../../../utils/SpotlightIds';
|
||||||
|
import FavoriteBtn from '../components/FavoriteBtn';
|
||||||
|
import BillingProductPrice from './BillingProductPrice/BillingProductPrice';
|
||||||
|
import css from './SingleOption.module.less';
|
||||||
|
|
||||||
const Container = SpotlightContainerDecorator(
|
const Container = SpotlightContainerDecorator(
|
||||||
{ enterTo: "default-element" },
|
{ enterTo: "default-element" },
|
||||||
@@ -292,15 +300,6 @@ export default function SingleOption({
|
|||||||
]
|
]
|
||||||
);
|
);
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
if (productOptionInfos) {
|
|
||||||
console.log("#productOptionInfos", productOptionInfos.length);
|
|
||||||
}
|
|
||||||
if (promotions) {
|
|
||||||
console.log("#promotions", promotions, promotions.length);
|
|
||||||
}
|
|
||||||
}, [productOptionInfos, promotions]);
|
|
||||||
|
|
||||||
const handleLoginPopUpOpen = useCallback(() => {
|
const handleLoginPopUpOpen = useCallback(() => {
|
||||||
if (hasOnClose) {
|
if (hasOnClose) {
|
||||||
dispatch(setHidePopup());
|
dispatch(setHidePopup());
|
||||||
|
|||||||
@@ -1,21 +1,30 @@
|
|||||||
import React, { useCallback, useEffect } from "react";
|
import React, {
|
||||||
|
useCallback,
|
||||||
|
useEffect,
|
||||||
|
} from 'react';
|
||||||
|
|
||||||
import classNames from "classnames";
|
import classNames from 'classnames';
|
||||||
import { useDispatch, useSelector } from "react-redux";
|
import {
|
||||||
|
useDispatch,
|
||||||
|
useSelector,
|
||||||
|
} from 'react-redux';
|
||||||
|
|
||||||
import Spotlight from "@enact/spotlight";
|
import Spotlight from '@enact/spotlight';
|
||||||
|
|
||||||
import { setHidePopup, setShowPopup } from "../../../actions/commonActions";
|
import {
|
||||||
|
setHidePopup,
|
||||||
|
setShowPopup,
|
||||||
|
} from '../../../actions/commonActions';
|
||||||
import {
|
import {
|
||||||
getMyFavoriteFlag,
|
getMyFavoriteFlag,
|
||||||
setMainLikeCategory,
|
setMainLikeCategory,
|
||||||
} from "../../../actions/mainActions";
|
} from '../../../actions/mainActions';
|
||||||
import { deleteMyFavorite } from "../../../actions/myPageActions";
|
import { deleteMyFavorite } from '../../../actions/myPageActions';
|
||||||
import TButton from "../../../components/TButton/TButton";
|
import TButton from '../../../components/TButton/TButton';
|
||||||
import TPopUp from "../../../components/TPopUp/TPopUp";
|
import TPopUp from '../../../components/TPopUp/TPopUp';
|
||||||
import * as Config from "../../../utils/Config";
|
import * as Config from '../../../utils/Config';
|
||||||
import { $L } from "../../../utils/helperMethods";
|
import { $L } from '../../../utils/helperMethods';
|
||||||
import css from "./FavoriteBtn.module.less";
|
import css from './FavoriteBtn.module.less';
|
||||||
|
|
||||||
export default function FavoriteBtn({ selectedPatnrId, selectedPrdtId }) {
|
export default function FavoriteBtn({ selectedPatnrId, selectedPrdtId }) {
|
||||||
const dispatch = useDispatch();
|
const dispatch = useDispatch();
|
||||||
@@ -32,8 +41,6 @@ export default function FavoriteBtn({ selectedPatnrId, selectedPrdtId }) {
|
|||||||
);
|
);
|
||||||
}, [selectedPatnrId, selectedPrdtId]);
|
}, [selectedPatnrId, selectedPrdtId]);
|
||||||
|
|
||||||
useEffect(() => {}, [favoriteFlagData]);
|
|
||||||
|
|
||||||
const handleFavoriteClick = useCallback(() => {
|
const handleFavoriteClick = useCallback(() => {
|
||||||
switch (favoriteFlagData.favorFlag) {
|
switch (favoriteFlagData.favorFlag) {
|
||||||
case "N":
|
case "N":
|
||||||
|
|||||||
Reference in New Issue
Block a user