[SHOPTIME-3591] Item Detail / 제목 표시줄에 제목이 두줄로 나옴
Changed files: 1. THeader.jsx Detail Note: 1. marqueeDisabled가 false일 경우에만 개행 처리 삭제
This commit is contained in:
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user