optrader/shoptime
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[TV앱테스트]Home / Section 이동 시 Section 타이틀 발화 안됨

Browse Source 
[CLM]https://harmony.lge.com:8443/issue/browse/SHOPTIME-2626
 
[DESC]
 -  label 추가.
This commit is contained in:
junghoon86.park
2024-06-24 18:43:40 +09:00
parent 56ac7772e7
commit 450f27684a
3 changed files with 78 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
com.twin.app.shoptime/src/views/HomePanel/BestSeller/BestSeller.jsx
View File

@@ -1,20 +1,36 @@
import React, { useCallback, useEffect, useMemo, useState } from "react"; import React, {
useCallback,
useEffect,
useMemo,
useState,
} from 'react';
import { useDispatch, useSelector } from "react-redux"; import {
useDispatch,
useSelector,
} from 'react-redux';
import Spotlight from "@enact/spotlight"; import Spotlight from '@enact/spotlight';
import { SpotlightContainerDecorator } from "@enact/spotlight/SpotlightContainerDecorator"; import {
import Spottable from "@enact/spotlight/Spottable"; SpotlightContainerDecorator,
} from '@enact/spotlight/SpotlightContainerDecorator';
import Spottable from '@enact/spotlight/Spottable';
import { pushPanel, updatePanel } from "../../../actions/panelActions"; import {
import SectionTitle from "../../../components/SectionTitle/SectionTitle"; pushPanel,
import TItemCard from "../../../components/TItemCard/TItemCard"; updatePanel,
import TScroller from "../../../components/TScroller/TScroller"; } from '../../../actions/panelActions';
import useScrollReset from "../../../hooks/useScrollReset"; import SectionTitle from '../../../components/SectionTitle/SectionTitle';
import useScrollTo from "../../../hooks/useScrollTo"; import TItemCard from '../../../components/TItemCard/TItemCard';
import { panel_names } from "../../../utils/Config"; import TScroller from '../../../components/TScroller/TScroller';
import { $L, scaleW } from "../../../utils/helperMethods"; import useScrollReset from '../../../hooks/useScrollReset';
import css from "./BestSeller.module.less"; import useScrollTo from '../../../hooks/useScrollTo';
import { panel_names } from '../../../utils/Config';
import {
$L,
scaleW,
} from '../../../utils/helperMethods';
import css from './BestSeller.module.less';
const SpottableComponent = Spottable("div"); const SpottableComponent = Spottable("div");
const Container = SpotlightContainerDecorator( const Container = SpotlightContainerDecorator(
@@ -118,6 +134,7 @@ const BestSeller = ({ order, scrollTopBody, spotlightId, handleItemFocus }) => {
<SectionTitle <SectionTitle
title={$L("BEST SELLER")} title={$L("BEST SELLER")}
data-title-index="homeBestSellerTitle" data-title-index="homeBestSellerTitle"
label="BEST SELLER"
/> />
<TScroller <TScroller

29
com.twin.app.shoptime/src/views/HomePanel/HomeOnSale/HomeOnSale.jsx
View File

@@ -1,16 +1,24 @@
import React, { useCallback, useMemo } from "react"; import React, {
useCallback,
useMemo,
} from 'react';
import { useSelector } from "react-redux"; import { useSelector } from 'react-redux';
import { SpotlightContainerDecorator } from "@enact/spotlight/SpotlightContainerDecorator"; import {
SpotlightContainerDecorator,
} from '@enact/spotlight/SpotlightContainerDecorator';
import SectionTitle from "../../../components/SectionTitle/SectionTitle"; import SectionTitle from '../../../components/SectionTitle/SectionTitle';
import TScroller from "../../../components/TScroller/TScroller"; import TScroller from '../../../components/TScroller/TScroller';
import useScrollReset from "../../../hooks/useScrollReset"; import useScrollReset from '../../../hooks/useScrollReset';
import useScrollTo from "../../../hooks/useScrollTo"; import useScrollTo from '../../../hooks/useScrollTo';
import { $L, scaleW } from "../../../utils/helperMethods"; import {
import css from "./HomeOnSale.module.less"; $L,
import HomeOnSaleItem from "./HomeOnSaleItem/HomeOnSaleItem"; scaleW,
} from '../../../utils/helperMethods';
import css from './HomeOnSale.module.less';
import HomeOnSaleItem from './HomeOnSaleItem/HomeOnSaleItem';
const Container = SpotlightContainerDecorator( const Container = SpotlightContainerDecorator(
{ enterTo: "last-focused" }, { enterTo: "last-focused" },
@@ -101,6 +109,7 @@ const HomeOnSale = ({
className={css.subTitle} className={css.subTitle}
title={$L("ON SALE")} title={$L("ON SALE")}
data-title-index="homeOnSale" data-title-index="homeOnSale"
label="ON SALE"
/> />
<div className={css.onSaleItem}> <div className={css.onSaleItem}>
<TScroller <TScroller

42
com.twin.app.shoptime/src/views/HomePanel/PopularShow/PopularShow.jsx
View File

@@ -1,23 +1,36 @@
import React, { useCallback, useEffect, useMemo, useState } from "react"; import React, {
useCallback,
useEffect,
useMemo,
useState,
} from 'react';
import { useDispatch, useSelector } from "react-redux"; import {
useDispatch,
useSelector,
} from 'react-redux';
import { SpotlightContainerDecorator } from "@enact/spotlight/SpotlightContainerDecorator"; import {
import Spottable from "@enact/spotlight/Spottable"; SpotlightContainerDecorator,
} from '@enact/spotlight/SpotlightContainerDecorator';
import Spottable from '@enact/spotlight/Spottable';
import { pushPanel } from "../../../actions/panelActions"; import { pushPanel } from '../../../actions/panelActions';
import { startVideoPlayer } from "../../../actions/playActions"; import { startVideoPlayer } from '../../../actions/playActions';
import SectionTitle from "../../../components/SectionTitle/SectionTitle"; import SectionTitle from '../../../components/SectionTitle/SectionTitle';
import TItemCard, { import TItemCard, {
IMAGETYPES, IMAGETYPES,
TYPES, TYPES,
} from "../../../components/TItemCard/TItemCard"; } from '../../../components/TItemCard/TItemCard';
import TScroller from "../../../components/TScroller/TScroller"; import TScroller from '../../../components/TScroller/TScroller';
import useScrollReset from "../../../hooks/useScrollReset"; import useScrollReset from '../../../hooks/useScrollReset';
import useScrollTo from "../../../hooks/useScrollTo"; import useScrollTo from '../../../hooks/useScrollTo';
import { panel_names } from "../../../utils/Config"; import { panel_names } from '../../../utils/Config';
import { $L, scaleW } from "../../../utils/helperMethods"; import {
import css from "../PopularShow/PopularShow.module.less"; $L,
scaleW,
} from '../../../utils/helperMethods';
import css from '../PopularShow/PopularShow.module.less';
const SpottableComponent = Spottable("div"); const SpottableComponent = Spottable("div");
const Container = SpotlightContainerDecorator( const Container = SpotlightContainerDecorator(
@@ -134,6 +147,7 @@ const PopularShow = ({
className={css.subTitle} className={css.subTitle}
title={$L("POPULAR SHOW")} title={$L("POPULAR SHOW")}
data-title-index="homePopularShow" data-title-index="homePopularShow"
label="POPULAR SHOW"
/> />
<TScroller <TScroller
className={css.showList} className={css.showList}