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

[DetailPanel, PlayerPanel] 파트너사 로고 없을시 defaultImage 처리

Browse Source
This commit is contained in:
고동영
2024-05-17 17:45:58 +09:00
parent 38b2f7d6a2
commit fd926593e3
3 changed files with 24 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
com.twin.app.shoptime/src/views/DetailPanel/components/ProductOption.jsx
View File

@@ -1,11 +1,14 @@
import React from "react";
import React from 'react';
import { useSelector } from "react-redux";
import { useSelector } from 'react-redux';
import { $L } from "../../../utils/helperMethods";
import ProductTag from "../components/ProductTag";
import StarRating from "../components/StarRating";
import css from "./ProductOption.module.less";
import defaultLogoImg
from '../../../../assets/images/ic-tab-partners-default@3x.png';
import CustomImage from '../../../components/CustomImage/CustomImage';
import { $L } from '../../../utils/helperMethods';
import ProductTag from '../components/ProductTag';
import StarRating from '../components/StarRating';
import css from './ProductOption.module.less';
export default function ProductOption({ children, productInfo }) {
const { patncLogoPath, prdtId, prdtNm, revwGrd, pmtSuptYn } = productInfo;
@@ -15,7 +18,10 @@ export default function ProductOption({ children, productInfo }) {
{productInfo && (
<div className={css.contentHeader}>
<div className={css.topLayer}>
<img src={patncLogoPath && patncLogoPath} alt="patncLogoPath" />
<CustomImage
src={patncLogoPath && patncLogoPath}
fallbackSrc={defaultLogoImg}
/>
<div>
{$L("ID")} : {prdtId}
</div>

8
com.twin.app.shoptime/src/views/PlayerPanel/PlayerItemCard/PlayerItemCard.jsx
View File

@@ -10,6 +10,8 @@ import classNames from 'classnames';
import Spottable from '@enact/spotlight/Spottable';
import defaultLogoImg
from '../../../../assets/images/ic-tab-partners-default@3x.png';
import CustomImage from '../../../components/CustomImage/CustomImage';
import { $L } from '../../../utils/helperMethods';
import css from './PlayerItemCard.module.less';
@@ -129,7 +131,11 @@ export default memo(function PlayerItemCard({
</div>
<div className={css.descWrap}>
<div className={css.patnerWrap}>
<img className={css.logo} src={logo} alt="" />
<CustomImage
className={css.logo}
src={logo}
fallbackSrc={defaultLogoImg}
/>
<h3 className={css.brandName}>{patnerName}</h3>
</div>
<h3 className={css.title}>{productName}</h3>

5
com.twin.app.shoptime/src/views/PlayerPanel/PlayerOverlay/PlayerOverlayContents.jsx
View File

@@ -12,7 +12,10 @@ import SpotlightContainerDecorator
import Spottable from '@enact/spotlight/Spottable';
import Marquee from '@enact/ui/Marquee';
import defaultLogoImg
from '../../../../assets/images/ic-tab-partners-default@3x.png';
import { updatePanel } from '../../../actions/panelActions';
import CustomImage from '../../../components/CustomImage/CustomImage';
import { panel_names } from '../../../utils/Config';
import { $L } from '../../../utils/helperMethods';
import { SpotlightIds } from '../../../utils/SpotlightIds';
@@ -196,7 +199,7 @@ export default function PlayerOverlayContents({
</Container>
<div className={panelInfo?.shptmBanrTpNm === "LIVE" && css.liveIcon} />
<img src={patncLogoPath} alt="" />
<CustomImage src={patncLogoPath} fallbackSrc={defaultLogoImg} alt="" />
<h2 className={css.patnerName}>{partnerName}</h2>
<h3 className={css.title}>
<Marquee className={css.marquee} marqueeOn="render">