From c19ee2ea0207cc78fd9ea5550c3a7c2d53e1a276 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B3=A0=EB=8F=99=EC=98=81?=
 <dongyoung@godong-yeong-ui-noteubug.local>
Date: Wed, 23 Oct 2024 15:26:05 +0900
Subject: [PATCH] =?UTF-8?q?[SHOPTIME-3553]=20=EA=B5=AC=EB=A7=A4=EB=B6=88?=
 =?UTF-8?q?=EA=B0=80=EC=83=81=ED=92=88=20price=20=EC=9B=90=EB=B3=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/hooks/usePriceInfo.js                 |  2 +-
 .../UnableProduct/UnableOption.jsx            | 74 +++++++++++--------
 2 files changed, 44 insertions(+), 32 deletions(-)

diff --git a/com.twin.app.shoptime/src/hooks/usePriceInfo.js b/com.twin.app.shoptime/src/hooks/usePriceInfo.js
index 0a149cbb..eec064dc 100644
--- a/com.twin.app.shoptime/src/hooks/usePriceInfo.js
+++ b/com.twin.app.shoptime/src/hooks/usePriceInfo.js
@@ -46,7 +46,7 @@ export default function usePriceInfo(priceInfo) {
     );
     let discountRateNumeric = parseFloat(discountRate.replace("%", ""));
 
-    if (originalPriceNum === 0 || discountedPriceNum >= originalPriceNum) {
+    if (discountedPriceNum >= originalPriceNum) {
       originalPrice = discountedPrice;
       discountRateNumeric = null;
       discountRate = null;
diff --git a/com.twin.app.shoptime/src/views/DetailPanel/UnableProduct/UnableOption.jsx b/com.twin.app.shoptime/src/views/DetailPanel/UnableProduct/UnableOption.jsx
index fa33904b..41944eca 100644
--- a/com.twin.app.shoptime/src/views/DetailPanel/UnableProduct/UnableOption.jsx
+++ b/com.twin.app.shoptime/src/views/DetailPanel/UnableProduct/UnableOption.jsx
@@ -68,8 +68,13 @@ export default function UnableOption({
     "popupVisible",
     (state) => state.common.popup?.popupVisible
   );
+
   const TYPE_CASE = {
     // (기획서참고) 상품 상세 가격 노출 유형
+
+    // price2 : 할인전 금액
+    // price3 : 할인후 금액
+    // price5 : 할부 금액
     case1: price2 && !price3 && !price5,
     case2: price2 && price3 && !price5,
     case3: price2 && price3 && price5,
@@ -151,16 +156,25 @@ export default function UnableOption({
                   : patnrName + " " + $L("Price") + " "}
               </span>
               <span className={css.partnerPrc}>
-                {originalPrice !== discountedPrice
-                  ? originalPrice
-                  : discountedPrice}
+                {TYPE_CASE.case5 || TYPE_CASE.case8
+                  ? parseFloat(originalPrice.replace(/[^0-9.-]+/g, "")) === 0
+                    ? offerInfo
+                    : price2
+                  : price3}
               </span>
             </div>
             <div className={css.rewdBtmLayer}>
               <span className={css.rewdNm}>{$L("Shop Time Price")}</span>
               <div className={css.btmPrc}>
-                <span className={css.rewdRate}>{discountedPrice}</span>
-                {discountRate && discountAmount && (
+                {/* TODO : rewd data*/}
+                {/* 분할금액 조건문처리 케이스별로  */}
+
+                <span className={css.rewdRate}>{discountedPrice} </span>
+                {/* 리워드 금액 */}
+                {(TYPE_CASE.case7 ||
+                  TYPE_CASE.case5 ||
+                  TYPE_CASE.case6 ||
+                  TYPE_CASE.case8) && (
                   <span className={css.rewdPrc}>
                     {$L("Save") + discountAmount + discountRate}
                   </span>
@@ -170,7 +184,6 @@ export default function UnableOption({
           </div>
         );
       } else {
-        // case1 또는 case4
         if (TYPE_CASE.case1 || TYPE_CASE.case4) {
           return (
             <div className={css.wrapper}>
@@ -181,16 +194,15 @@ export default function UnableOption({
               </span>
               <div className={css.btmLayer}>
                 <span className={classNames(css.price, css.case01)}>
-                  {originalPrice !== discountedPrice
-                    ? originalPrice
-                    : discountedPrice}
+                  {parseFloat(originalPrice.replace(/[^0-9.-]+/g, "")) === 0
+                    ? offerInfo
+                    : price2}
                 </span>
               </div>
             </div>
           );
         }
 
-        // case2
         if (TYPE_CASE.case2) {
           return (
             <div className={css.wrapper}>
@@ -205,16 +217,18 @@ export default function UnableOption({
                 </span>
               </div>
               <div className={css.btmLayer}>
-                <span className={css.price}>{discountedPrice}</span>
-                {originalPrice !== discountedPrice && (
-                  <span className={css.discountedPrc}>{originalPrice}</span>
-                )}
+                <span className={css.price}>{price3}</span>
+                <span className={css.discountedPrc}>
+                  {originalPrice &&
+                  parseFloat(originalPrice.replace(/[^0-9.-]+/g, "")) === 0
+                    ? offerInfo
+                    : price2}
+                </span>
               </div>
             </div>
           );
         }
 
-        // case3
         if (TYPE_CASE.case3) {
           return (
             <div className={css.wrapper}>
@@ -227,11 +241,14 @@ export default function UnableOption({
                 {discountRate && Number(discountRate.replace("%", "")) > 4 && (
                   <div className={css.rateTag}>{discountRate}</div>
                 )}
-                <span className={css.price}>{discountedPrice}</span>
-                {originalPrice !== discountedPrice && (
-                  <span className={css.discountedPrc}>{originalPrice}</span>
-                )}
+                <span className={css.price}>{price3}</span>
+                <span className={css.discountedPrc}>
+                  {parseFloat(originalPrice.replace(/[^0-9.-]+/g, "")) === 0
+                    ? offerInfo
+                    : price2}
+                </span>
               </div>
+              {/* 할부 */}
             </div>
           );
         }
@@ -257,23 +274,18 @@ export default function UnableOption({
             </div>
             <div className={css.btmLayer}>
               <span className={css.price}>{discountedPrice}</span>
-              {originalPrice !== discountedPrice && (
-                <span className={css.discountedPrc}>{originalPrice}</span>
-              )}
+              <span className={css.discountedPrc}>
+                {originalPrice &&
+                parseFloat(originalPrice.replace(/[^0-9.-]+/g, "")) === 0
+                  ? offerInfo
+                  : price2}
+              </span>
             </div>
           </div>
         );
       }
     }
-  }, [
-    patnrName,
-    productInfo,
-    originalPrice,
-    discountedPrice,
-    discountRate,
-    discountAmount,
-    promotionCode,
-  ]);
+  }, [patnrName, productInfo]);
 
   return (
     <div className={css.priceContainer}>