[SHOPTIME-3591] Item Detail / 제목 표시줄에 제목이 두줄로 나옴

Changed files:
1. THeader.jsx

Detail Note:
1. marqueeDisabled가 false일 경우에만 개행 처리 삭제
This commit is contained in:
younghoon100.park
2024-09-30 13:36:23 +09:00
parent fbdebe646e
commit 2c6fac84ad

View File

@@ -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}