From 450f27684a8069549fc59fe21e56ea56f35013b3 Mon Sep 17 00:00:00 2001
From: "junghoon86.park" <junghoon86.park@lgepartner.com>
Date: Mon, 24 Jun 2024 18:43:40 +0900
Subject: [PATCH] =?UTF-8?q?[TV=EC=95=B1=ED=85=8C=EC=8A=A4=ED=8A=B8]Home=20?=
 =?UTF-8?q?/=20Section=20=EC=9D=B4=EB=8F=99=20=EC=8B=9C=20Section=20?=
 =?UTF-8?q?=ED=83=80=EC=9D=B4=ED=8B=80=20=EB=B0=9C=ED=99=94=20=EC=95=88?=
 =?UTF-8?q?=EB=90=A8=20=C2=A0=20[CLM]https://harmony.lge.com:8443/issue/br?=
 =?UTF-8?q?owse/SHOPTIME-2626=20=C2=A0=20[DESC]=20=20-=20=20label=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/HomePanel/BestSeller/BestSeller.jsx | 45 +++++++++++++------
 .../views/HomePanel/HomeOnSale/HomeOnSale.jsx | 29 +++++++-----
 .../HomePanel/PopularShow/PopularShow.jsx     | 42 +++++++++++------
 3 files changed, 78 insertions(+), 38 deletions(-)

diff --git a/com.twin.app.shoptime/src/views/HomePanel/BestSeller/BestSeller.jsx b/com.twin.app.shoptime/src/views/HomePanel/BestSeller/BestSeller.jsx
index d469be68..945006f2 100644
--- a/com.twin.app.shoptime/src/views/HomePanel/BestSeller/BestSeller.jsx
+++ b/com.twin.app.shoptime/src/views/HomePanel/BestSeller/BestSeller.jsx
@@ -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 { SpotlightContainerDecorator } from "@enact/spotlight/SpotlightContainerDecorator";
-import Spottable from "@enact/spotlight/Spottable";
+import Spotlight from '@enact/spotlight';
+import {
+  SpotlightContainerDecorator,
+} from '@enact/spotlight/SpotlightContainerDecorator';
+import Spottable from '@enact/spotlight/Spottable';
 
-import { pushPanel, updatePanel } from "../../../actions/panelActions";
-import SectionTitle from "../../../components/SectionTitle/SectionTitle";
-import TItemCard from "../../../components/TItemCard/TItemCard";
-import TScroller from "../../../components/TScroller/TScroller";
-import useScrollReset from "../../../hooks/useScrollReset";
-import useScrollTo from "../../../hooks/useScrollTo";
-import { panel_names } from "../../../utils/Config";
-import { $L, scaleW } from "../../../utils/helperMethods";
-import css from "./BestSeller.module.less";
+import {
+  pushPanel,
+  updatePanel,
+} from '../../../actions/panelActions';
+import SectionTitle from '../../../components/SectionTitle/SectionTitle';
+import TItemCard from '../../../components/TItemCard/TItemCard';
+import TScroller from '../../../components/TScroller/TScroller';
+import useScrollReset from '../../../hooks/useScrollReset';
+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 Container = SpotlightContainerDecorator(
@@ -118,6 +134,7 @@ const BestSeller = ({ order, scrollTopBody, spotlightId, handleItemFocus }) => {
       <SectionTitle
         title={$L("BEST SELLER")}
         data-title-index="homeBestSellerTitle"
+        label="BEST SELLER"
       />
 
       <TScroller
diff --git a/com.twin.app.shoptime/src/views/HomePanel/HomeOnSale/HomeOnSale.jsx b/com.twin.app.shoptime/src/views/HomePanel/HomeOnSale/HomeOnSale.jsx
index a9b2f987..06454055 100644
--- a/com.twin.app.shoptime/src/views/HomePanel/HomeOnSale/HomeOnSale.jsx
+++ b/com.twin.app.shoptime/src/views/HomePanel/HomeOnSale/HomeOnSale.jsx
@@ -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 TScroller from "../../../components/TScroller/TScroller";
-import useScrollReset from "../../../hooks/useScrollReset";
-import useScrollTo from "../../../hooks/useScrollTo";
-import { $L, scaleW } from "../../../utils/helperMethods";
-import css from "./HomeOnSale.module.less";
-import HomeOnSaleItem from "./HomeOnSaleItem/HomeOnSaleItem";
+import SectionTitle from '../../../components/SectionTitle/SectionTitle';
+import TScroller from '../../../components/TScroller/TScroller';
+import useScrollReset from '../../../hooks/useScrollReset';
+import useScrollTo from '../../../hooks/useScrollTo';
+import {
+  $L,
+  scaleW,
+} from '../../../utils/helperMethods';
+import css from './HomeOnSale.module.less';
+import HomeOnSaleItem from './HomeOnSaleItem/HomeOnSaleItem';
 
 const Container = SpotlightContainerDecorator(
   { enterTo: "last-focused" },
@@ -101,6 +109,7 @@ const HomeOnSale = ({
           className={css.subTitle}
           title={$L("ON SALE")}
           data-title-index="homeOnSale"
+          label="ON SALE"
         />
         <div className={css.onSaleItem}>
           <TScroller
diff --git a/com.twin.app.shoptime/src/views/HomePanel/PopularShow/PopularShow.jsx b/com.twin.app.shoptime/src/views/HomePanel/PopularShow/PopularShow.jsx
index cf4e1f4b..96fb6b22 100644
--- a/com.twin.app.shoptime/src/views/HomePanel/PopularShow/PopularShow.jsx
+++ b/com.twin.app.shoptime/src/views/HomePanel/PopularShow/PopularShow.jsx
@@ -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 Spottable from "@enact/spotlight/Spottable";
+import {
+  SpotlightContainerDecorator,
+} from '@enact/spotlight/SpotlightContainerDecorator';
+import Spottable from '@enact/spotlight/Spottable';
 
-import { pushPanel } from "../../../actions/panelActions";
-import { startVideoPlayer } from "../../../actions/playActions";
-import SectionTitle from "../../../components/SectionTitle/SectionTitle";
+import { pushPanel } from '../../../actions/panelActions';
+import { startVideoPlayer } from '../../../actions/playActions';
+import SectionTitle from '../../../components/SectionTitle/SectionTitle';
 import TItemCard, {
   IMAGETYPES,
   TYPES,
-} from "../../../components/TItemCard/TItemCard";
-import TScroller from "../../../components/TScroller/TScroller";
-import useScrollReset from "../../../hooks/useScrollReset";
-import useScrollTo from "../../../hooks/useScrollTo";
-import { panel_names } from "../../../utils/Config";
-import { $L, scaleW } from "../../../utils/helperMethods";
-import css from "../PopularShow/PopularShow.module.less";
+} from '../../../components/TItemCard/TItemCard';
+import TScroller from '../../../components/TScroller/TScroller';
+import useScrollReset from '../../../hooks/useScrollReset';
+import useScrollTo from '../../../hooks/useScrollTo';
+import { panel_names } from '../../../utils/Config';
+import {
+  $L,
+  scaleW,
+} from '../../../utils/helperMethods';
+import css from '../PopularShow/PopularShow.module.less';
 
 const SpottableComponent = Spottable("div");
 const Container = SpotlightContainerDecorator(
@@ -134,6 +147,7 @@ const PopularShow = ({
         className={css.subTitle}
         title={$L("POPULAR SHOW")}
         data-title-index="homePopularShow"
+        label="POPULAR SHOW"
       />
       <TScroller
         className={css.showList}