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

titemcard 로고부분 defaultimg처리.

Browse Source
This commit is contained in:
junghoon86.park
2024-05-17 17:30:27 +09:00
parent 6bcad595b3
commit 38b2f7d6a2
2 changed files with 14 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
com.twin.app.shoptime/assets/images/ic-tab-partners-default@3x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

35
com.twin.app.shoptime/src/components/TItemCard/TItemCard.jsx
View File

@@ -1,25 +1,18 @@
import React, { import React, { memo, useCallback, useEffect, useState } from "react";
memo,
useCallback,
useEffect,
useState,
} from 'react';
import classNames from 'classnames'; import classNames from "classnames";
import Spottable from '@enact/spotlight/Spottable'; import Spottable from "@enact/spotlight/Spottable";
import defaultimgHorizontal import defaultLogoImg from "../../../assets/images/ic-tab-partners-default@3x.png";
from '../../../assets/images/img-thumb-empty-hor@3x.png'; import defaultimgHorizontal from "../../../assets/images/img-thumb-empty-hor@3x.png";
import defaultImageItem import defaultImageItem from "../../../assets/images/img-thumb-empty-product@3x.png";
from '../../../assets/images/img-thumb-empty-product@3x.png'; import defaultimgVertical from "../../../assets/images/img-thumb-empty-ver@3x.png";
import defaultimgVertical import IcLiveShow from "../../../assets/images/tag/tag-liveshow.png";
from '../../../assets/images/img-thumb-empty-ver@3x.png'; import usePriceInfo from "../../hooks/usePriceInfo";
import IcLiveShow from '../../../assets/images/tag/tag-liveshow.png'; import { $L } from "../../utils/helperMethods";
import usePriceInfo from '../../hooks/usePriceInfo'; import CustomImage from "../CustomImage/CustomImage";
import { $L } from '../../utils/helperMethods'; import css from "./TItemCard.module.less";
import CustomImage from '../CustomImage/CustomImage';
import css from './TItemCard.module.less';
const SpottableComponent = Spottable("div"); const SpottableComponent = Spottable("div");
@@ -138,7 +131,7 @@ export default memo(function TItemCard({
<CustomImage <CustomImage
alt={imageAlt} alt={imageAlt}
delay={0} delay={0}
src={defaultImage ? defaultImage : imageSource} src={imageSource}
fallbackSrc={ fallbackSrc={
type === "videoShow" type === "videoShow"
? imgType === IMAGETYPES.imgHorizontal ? imgType === IMAGETYPES.imgHorizontal
@@ -160,7 +153,7 @@ export default memo(function TItemCard({
<div className={classNames(css.descWrap, catNm && css.hstNmWrap)}> <div className={classNames(css.descWrap, catNm && css.hstNmWrap)}>
{logo && ( {logo && (
<div className={css.logo}> <div className={css.logo}>
<img src={logo} /> <CustomImage src={logo} fallbackSrc={defaultLogoImg} />
</div> </div>
)} )}
<h3 className={css.title}>{productName}</h3> <h3 className={css.title}>{productName}</h3>