From 2c6fac84adeffafbe4c4f4fb26c336d3820e9caf Mon Sep 17 00:00:00 2001
From: "younghoon100.park" <younghoon100.park@lgepartner.com>
Date: Mon, 30 Sep 2024 13:36:23 +0900
Subject: [PATCH] =?UTF-8?q?[SHOPTIME-3591]=20Item=20Detail=20/=20=EC=A0=9C?=
 =?UTF-8?q?=EB=AA=A9=20=ED=91=9C=EC=8B=9C=EC=A4=84=EC=97=90=20=EC=A0=9C?=
 =?UTF-8?q?=EB=AA=A9=EC=9D=B4=20=EB=91=90=EC=A4=84=EB=A1=9C=20=EB=82=98?=
 =?UTF-8?q?=EC=98=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Changed files:
1. THeader.jsx

Detail Note:
1. marqueeDisabled가 false일 경우에만 개행 처리 삭제
---
 .../src/components/THeader/THeader.jsx          | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/com.twin.app.shoptime/src/components/THeader/THeader.jsx b/com.twin.app.shoptime/src/components/THeader/THeader.jsx
index 2fb38ff8..4f0eb7c7 100644
--- a/com.twin.app.shoptime/src/components/THeader/THeader.jsx
+++ b/com.twin.app.shoptime/src/components/THeader/THeader.jsx
@@ -1,4 +1,4 @@
-import React, { useCallback } from "react";
+import React, { useCallback, useMemo } from "react";
 
 import classNames from "classnames";
 
@@ -27,6 +27,13 @@ export default function THeader({
   children,
   ...rest
 }) {
+  const convertedTitle = useMemo(() => {
+    if (title) {
+      const cleanedTitle = title.replace(/(\r\n|\n)/g, "");
+      return $L(marqueeDisabled ? title : cleanedTitle);
+    }
+  }, [marqueeDisabled, title]);
+
   const _onClick = useCallback(
     (e) => {
       if (onClick) {
@@ -67,12 +74,8 @@ export default function THeader({
         marqueeDisabled={marqueeDisabled}
         aria-label={ariaLabel}
       >
-        {title && (
-          <span
-            dangerouslySetInnerHTML={{
-              __html: `${$L(title)}`,
-            }}
-          />
+        {convertedTitle && (
+          <span dangerouslySetInnerHTML={{ __html: convertedTitle }} />
         )}
       </Marquee>
       {children}