[JustForYou] 저스트 포유 테스트

1. Config 파일에 저스트포유테스트 추가.
	2. THeaderCustom부분에 kind 추가하여 없을경우 로고 나오지 않도록 처리.
	3. 저스트 포유배너에서 링크 테스트로 갈수있도록 변경.
	4. 테스트 파일 추가. Jsx,less파일

Etc) 서브카테고리에 들어있는 console 제거.
This commit is contained in:
junghoon86.park
2025-09-16 13:33:29 +09:00
parent 584d17a784
commit 1ae19abbea
8 changed files with 387 additions and 22 deletions

View File

@@ -1,15 +1,20 @@
import React, { useCallback, useMemo } from "react";
import React, {
useCallback,
useMemo,
} from 'react';
import classNames from "classnames";
import classNames from 'classnames';
import { Marquee } from "@enact/sandstone/Marquee";
import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator";
import Spottable from "@enact/spotlight/Spottable";
import { Marquee } from '@enact/sandstone/Marquee';
import SpotlightContainerDecorator
from '@enact/spotlight/SpotlightContainerDecorator';
import Spottable from '@enact/spotlight/Spottable';
import { $L } from "../../../utils/helperMethods";
import defaultLogoImg from "../../../../assets/images/ic-tab-partners-default@3x.png";
import qvcLogoImg from "../../../../assets/images/icons/ic-partners-qvc@3x.png";
import css from "./THeaderCustom.module.less";
import defaultLogoImg
from '../../../../assets/images/ic-tab-partners-default@3x.png';
import qvcLogoImg from '../../../../assets/images/icons/ic-partners-qvc@3x.png';
import { $L } from '../../../utils/helperMethods';
import css from './THeaderCustom.module.less';
const Container = SpotlightContainerDecorator(
{ enterTo: "last-focused" },
@@ -27,14 +32,15 @@ export default function THeaderCustom({
onClick,
ariaLabel,
children,
kind,
...rest
}) {
const convertedTitle = useMemo(() => {
if (title && typeof title === 'string') {
if (title && typeof title === "string") {
const cleanedTitle = title.replace(/(\r\n|\n)/g, "");
return $L(marqueeDisabled ? title : cleanedTitle);
}
return '';
return "";
}, [marqueeDisabled, title]);
const _onClick = useCallback(
@@ -71,12 +77,16 @@ export default function THeaderCustom({
role="button"
/>
)}
<div
className={css.centerImage}
style={{
backgroundImage: `url("${qvcLogoImg}")`
}}
/>
{kind ? (
""
) : (
<div
className={css.centerImage}
style={{
backgroundImage: `url("${qvcLogoImg}")`,
}}
/>
)}
<Marquee
marqueeOn="render"
className={css.title}
@@ -90,4 +100,4 @@ export default function THeaderCustom({
{children}
</Container>
);
}
}