From d3b942f7109ec55813f0b3048001fc11b7bd6b00 Mon Sep 17 00:00:00 2001
From: yonghyon <yonghyon@t-win.kr>
Date: Fri, 4 Oct 2024 12:37:51 +0900
Subject: [PATCH] =?UTF-8?q?[SHOPTIME-3109]=20Hot=20Picks=20/=20=EC=9D=B8?=
 =?UTF-8?q?=EB=94=94=EA=B2=8C=EC=9D=B4=ED=84=B0=20=ED=81=B4=EB=A6=AD?=
 =?UTF-8?q?=EC=8B=9C=20=ED=98=B9=EC=9D=80=20=EB=B9=88=20=EC=98=81=EC=97=AD?=
 =?UTF-8?q?=20=ED=81=B4=EB=A6=AD=EC=8B=9C=ED=95=A0=EB=95=8C=EB=A7=88?=
 =?UTF-8?q?=EB=8B=A4=20gtfsDownload.lge=20=EA=B2=BD=EB=A1=9C=20=ED=98=B8?=
 =?UTF-8?q?=EC=B6=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

원인 : image view 에 배열형태의 src가 입력되어 리소스 중복호출발생
대책 : src가 배열인 경우, 0번째 src만 사용하도록 수정
---
 .../src/components/CustomImage/CustomImage.jsx             | 7 ++++---
 .../src/views/HotPicksPanel/Type/TCHH/TCHH.jsx             | 4 ++--
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/com.twin.app.shoptime/src/components/CustomImage/CustomImage.jsx b/com.twin.app.shoptime/src/components/CustomImage/CustomImage.jsx
index da1ff9e2..53c4ed30 100644
--- a/com.twin.app.shoptime/src/components/CustomImage/CustomImage.jsx
+++ b/com.twin.app.shoptime/src/components/CustomImage/CustomImage.jsx
@@ -30,16 +30,17 @@ export default memo(function CustomImage({
   const showImageJob = useRef(null);
 
   useEffect(() => {
-    if (src && src !== imgSrc) {
+    const _src = Array.isArray(src) ? src[0] : src;
+    if (_src && _src !== imgSrc) {
       if (showImageJob.current) {
         clearTimeout(showImageJob.current);
         showImageJob.current = null;
       }
-      setImgSrc(src);
+      setImgSrc(_src);
       setError(false);
       setImageLoaded(false);
     }
-    if (!src) {
+    if (!_src) {
       setError(true);
     }
   }, [src]);
diff --git a/com.twin.app.shoptime/src/views/HotPicksPanel/Type/TCHH/TCHH.jsx b/com.twin.app.shoptime/src/views/HotPicksPanel/Type/TCHH/TCHH.jsx
index 151f9095..ae65deca 100644
--- a/com.twin.app.shoptime/src/views/HotPicksPanel/Type/TCHH/TCHH.jsx
+++ b/com.twin.app.shoptime/src/views/HotPicksPanel/Type/TCHH/TCHH.jsx
@@ -85,7 +85,7 @@ export default function TCHH({
             >
               <Container>
                 {bgImgPath &&
-                  bgImgPath.slice(0, 2).map((bgImgPath, idx) => {
+                  bgImgPath.slice(0, 2).map((imgpath, idx) => {
                     return (
                       <SpottableComponent
                         key={idx}
@@ -106,7 +106,7 @@ export default function TCHH({
                         <CustomImage
                           delay={0}
                           animationSpeed="fast"
-                          src={bgImgPath}
+                          src={imgpath}
                           fallbackSrc={defaultImageItem}
                           alt={curationNm}
                           ariaLabel={