From 1460b5df835e1bd8b506b97caad4b52fb410b91f Mon Sep 17 00:00:00 2001 From: "junghoon86.park" Date: Fri, 12 Jul 2024 14:28:36 +0900 Subject: [PATCH] =?UTF-8?q?=EB=A1=A4=EB=A7=81=20=EB=94=94=ED=8F=B4?= =?UTF-8?q?=ED=8A=B8=EC=9D=B4=EB=AF=B8=EC=A7=80=20=EC=B6=94=EA=B0=80.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../HomePanel/HomeBanner/RollingUnit.jsx | 54 ++++++++++++------- 1 file changed, 34 insertions(+), 20 deletions(-) diff --git a/com.twin.app.shoptime/src/views/HomePanel/HomeBanner/RollingUnit.jsx b/com.twin.app.shoptime/src/views/HomePanel/HomeBanner/RollingUnit.jsx index a70bb064..e6d4b01b 100644 --- a/com.twin.app.shoptime/src/views/HomePanel/HomeBanner/RollingUnit.jsx +++ b/com.twin.app.shoptime/src/views/HomePanel/HomeBanner/RollingUnit.jsx @@ -4,29 +4,41 @@ 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 SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator"; -import Spottable from "@enact/spotlight/Spottable"; +import SpotlightContainerDecorator + from '@enact/spotlight/SpotlightContainerDecorator'; +import Spottable from '@enact/spotlight/Spottable'; -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 { pushPanel } from "../../../actions/panelActions"; -import { startVideoPlayer } from "../../../actions/playActions"; -import CustomImage from "../../../components/CustomImage/CustomImage"; -import useLogService from "../../../hooks/useLogService"; -import usePriceInfo from "../../../hooks/usePriceInfo"; -import useScrollReset from "../../../hooks/useScrollReset"; -import { LOG_MENU, LOG_TP_NO, panel_names } from "../../../utils/Config"; -import { formatGMTString } from "../../../utils/helperMethods"; -import css from "./RollingUnit.module.less"; +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 { pushPanel } from '../../../actions/panelActions'; +import { startVideoPlayer } from '../../../actions/playActions'; +import CustomImage from '../../../components/CustomImage/CustomImage'; +import useLogService from '../../../hooks/useLogService'; +import usePriceInfo from '../../../hooks/usePriceInfo'; +import useScrollReset from '../../../hooks/useScrollReset'; +import { + LOG_MENU, + LOG_TP_NO, + panel_names, +} from '../../../utils/Config'; +import { formatGMTString } from '../../../utils/helperMethods'; +import css from './RollingUnit.module.less'; const SpottableComponent = Spottable("div"); @@ -481,12 +493,14 @@ export default function RollingUnit({ : emptyHorImage } ariaLabel={rollingData[startIndex].tmnlImgNm} + fallbackSrc={isHorizontal ? emptyHorImage : emptyVerImage} /> ) : ( )}