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

롤링 디폴트이미지 추가.

Browse Source
This commit is contained in:
junghoon86.park
2024-07-12 14:28:36 +09:00
parent 6b3c60dde6
commit 1460b5df83
1 changed files with 34 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
com.twin.app.shoptime/src/views/HomePanel/HomeBanner/RollingUnit.jsx
View File

@@ -4,29 +4,41 @@ 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 SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator"; import SpotlightContainerDecorator
import Spottable from "@enact/spotlight/Spottable"; from '@enact/spotlight/SpotlightContainerDecorator';
import Spottable from '@enact/spotlight/Spottable';
import btnPlay from "../../../../assets/images/btn/btn-play-thumb-nor.png"; import btnPlay from '../../../../assets/images/btn/btn-play-thumb-nor.png';
import defaultLogoImg from "../../../../assets/images/ic-tab-partners-default@3x.png"; import defaultLogoImg
import emptyHorImage from "../../../../assets/images/img-home-banner-empty-hor.png"; from '../../../../assets/images/ic-tab-partners-default@3x.png';
import emptyVerImage from "../../../../assets/images/img-home-banner-empty-ver.png"; import emptyHorImage
import defaultImageItem from "../../../../assets/images/img-thumb-empty-product@3x.png"; from '../../../../assets/images/img-home-banner-empty-hor.png';
import liveShow from "../../../../assets/images/tag-liveshow.png"; import emptyVerImage
import { pushPanel } from "../../../actions/panelActions"; from '../../../../assets/images/img-home-banner-empty-ver.png';
import { startVideoPlayer } from "../../../actions/playActions"; import defaultImageItem
import CustomImage from "../../../components/CustomImage/CustomImage"; from '../../../../assets/images/img-thumb-empty-product@3x.png';
import useLogService from "../../../hooks/useLogService"; import liveShow from '../../../../assets/images/tag-liveshow.png';
import usePriceInfo from "../../../hooks/usePriceInfo"; import { pushPanel } from '../../../actions/panelActions';
import useScrollReset from "../../../hooks/useScrollReset"; import { startVideoPlayer } from '../../../actions/playActions';
import { LOG_MENU, LOG_TP_NO, panel_names } from "../../../utils/Config"; import CustomImage from '../../../components/CustomImage/CustomImage';
import { formatGMTString } from "../../../utils/helperMethods"; import useLogService from '../../../hooks/useLogService';
import css from "./RollingUnit.module.less"; 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"); const SpottableComponent = Spottable("div");
@@ -481,12 +493,14 @@ export default function RollingUnit({
: emptyHorImage : emptyHorImage
} }
ariaLabel={rollingData[startIndex].tmnlImgNm} ariaLabel={rollingData[startIndex].tmnlImgNm}
fallbackSrc={isHorizontal ? emptyHorImage : emptyVerImage}
/> />
) : ( ) : (
<CustomImage <CustomImage
delay={0} delay={0}
src={rollingData[startIndex].tmnlImgPath} src={rollingData[startIndex].tmnlImgPath}
ariaLabel={rollingData[startIndex].tmnlImgNm} ariaLabel={rollingData[startIndex].tmnlImgNm}
fallbackSrc={isHorizontal ? emptyHorImage : emptyVerImage}
/> />
)} )}