[CategoryPanel] SHOPTIME-2985

- 독일 / Category / New, Most Popular 번역 안됨

com.twin.app.shoptime/resources/de/strings.json

@@ -92,6 +92,7 @@
   "Set a Reminder": "Erinnerung erstellen",
   "With Host": "mit Moderator",
   "NEW": "NEU",
+  "New": "Neu",
   "Most Popular": "Am beliebtesten",
   "RECOMMENDED SHOWS": "EMPFOHLENE SHOWS",
   "SERIES": "SERIEN",

com.twin.app.shoptime/resources/en/strings.json

@@ -92,6 +92,7 @@
   "Set a Reminder": "Set a Reminder",
   "With Host": "With Host",
   "NEW": "NEW",
+  "New": "New",
   "Most Popular": "Most Popular",
   "RECOMMENDED SHOWS": "RECOMMENDED SHOWS",
   "SERIES": "SERIES",

com.twin.app.shoptime/resources/gb/strings.json

@@ -92,6 +92,7 @@
   "Set a Reminder": "Set a Reminder",
   "With Host": "With Host",
   "NEW": "NEW",
+  "New": "New",
   "Most Popular": "Most Popular",
   "RECOMMENDED SHOWS": "RECOMMENDED SHOWS",
   "SERIES": "SERIES",

com.twin.app.shoptime/resources/ru/strings.json

@@ -92,6 +92,7 @@
   "Set a Reminder": "Установить напоминание",
   "With Host": "Ведущий",
   "NEW": "НОВИНКИ",
+  "New": "НОВИНКИ",
   "Most Popular": "Самое Популярное",
   "RECOMMENDED SHOWS": "РЕКОМЕНДУЕМЫЕ ШОУ",
   "SERIES": "СЕРИИ",

com.twin.app.shoptime/src/views/CategoryPanel/CategoryPanel.jsx

@@ -4,46 +4,54 @@ import React, {
   useMemo,
   useRef,
   useState,
-} from "react";
+} from 'react';
 
-import classNames from "classnames";
+import classNames from 'classnames';
-import { useDispatch, useSelector } from "react-redux";
+import {
+  useDispatch,
+  useSelector,
+} from 'react-redux';
 
-import { Job } from "@enact/core/util";
+import { Job } from '@enact/core/util';
-import Spotlight from "@enact/spotlight";
+import Spotlight from '@enact/spotlight';
-import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator";
+import SpotlightContainerDecorator
-import { setContainerLastFocusedElement } from "@enact/spotlight/src/container";
+  from '@enact/spotlight/SpotlightContainerDecorator';
+import { setContainerLastFocusedElement } from '@enact/spotlight/src/container';
 
+import {
+  sendLogCuration,
+  sendLogGNB,
+} from '../../actions/logActions';
 import {
   continueGetSubCategory,
   getSubCategory,
-} from "../../actions/mainActions";
+} from '../../actions/mainActions';
-import { updatePanel } from "../../actions/panelActions";
+import { updatePanel } from '../../actions/panelActions';
-import SectionTitle from "../../components/SectionTitle/SectionTitle";
+import SectionTitle from '../../components/SectionTitle/SectionTitle';
-import TBody from "../../components/TBody/TBody";
+import TBody from '../../components/TBody/TBody';
-import TButton, { TYPES } from "../../components/TButton/TButton";
+import TButton, { TYPES } from '../../components/TButton/TButton';
-import TButtonTab, { LIST_TYPE } from "../../components/TButtonTab/TButtonTab";
+import TButtonTab, { LIST_TYPE } from '../../components/TButtonTab/TButtonTab';
-import TDropDown from "../../components/TDropDown/TDropDown";
+import TDropDown from '../../components/TDropDown/TDropDown';
-import THeader from "../../components/THeader/THeader";
+import THeader from '../../components/THeader/THeader';
-import TPanel from "../../components/TPanel/TPanel";
+import TPanel from '../../components/TPanel/TPanel';
-import TVerticalPagenator from "../../components/TVerticalPagenator/TVerticalPagenator";
+import TVerticalPagenator
-import usePrevious from "../../hooks/usePrevious";
+  from '../../components/TVerticalPagenator/TVerticalPagenator';
+import usePrevious from '../../hooks/usePrevious';
 import {
   CATEGORY_DATA_MAX_RESULTS_LIMIT,
   LOG_MENU,
   LOG_TP_NO,
   panel_names,
-} from "../../utils/Config";
+} from '../../utils/Config';
 import {
   $L,
   getSpottableDescendants,
   isElementInContainer,
-} from "../../utils/helperMethods";
+} from '../../utils/helperMethods';
-import { SpotlightIds } from "../../utils/SpotlightIds";
+import { SpotlightIds } from '../../utils/SpotlightIds';
-import ItemContents from "./CategoryContents/ItemContents/ItemContents";
+import ItemContents from './CategoryContents/ItemContents/ItemContents';
-import ShowContents from "./CategoryContents/ShowContents/ShowContents";
+import ShowContents from './CategoryContents/ShowContents/ShowContents';
-import css from "./CategoryPanel.module.less";
+import css from './CategoryPanel.module.less';
-import { sendLogGNB, sendLogCuration } from "../../actions/logActions";
 
 const Container = SpotlightContainerDecorator({ enterTo: null }, "div");
 
@@ -121,13 +129,15 @@ const CategoryPanel = ({ panelInfo, isOnTop, spotlightId }) => {
     const sortTpNm = dropDownTab === 0 ? "New" : "Popular";
 
     logTimerRef.current = setTimeout(() => {
-      dispatch(sendLogCuration({
+      dispatch(
+        sendLogCuration({
           cnttTpNm,
           lgCatCd,
           lgCatNm,
           logTpNo: LOG_TP_NO.CURATION.CATEGORY,
           sortTpNm,
-      }));
+        })
+      );
     }, 300);
 
     return () => clearTimeout(logTimerRef.current);
@@ -151,7 +161,9 @@ const CategoryPanel = ({ panelInfo, isOnTop, spotlightId }) => {
             tabType: tabType,
             filterType: filterType,
           },
-          1, null, true
+          1,
+          null,
+          true
         )
       );
     }
@@ -204,7 +216,7 @@ const CategoryPanel = ({ panelInfo, isOnTop, spotlightId }) => {
     reload();
     if (categoryFilterCd) {
       const detailCdNmValues = categoryFilterCd
-        .map((item) => item.detailCdNm)
+        .map((item) => $L(item.detailCdNm))
         .reverse();
 
       setFilterMethods(detailCdNmValues);
@@ -422,21 +434,22 @@ const CategoryPanel = ({ panelInfo, isOnTop, spotlightId }) => {
       )}
     </TPanel>
   );
-}
+};
 const propsAreEqual = (prev, next) => {
   const keys = Object.keys(prev);
   const nextKeys = Object.keys(next);
-  if(!next.isOnTop){ //ignore event on background
+  if (!next.isOnTop) {
+    //ignore event on background
     return true;
   }
-  if(keys.length !== nextKeys.length){
+  if (keys.length !== nextKeys.length) {
     return false;
   }
-  for(let i=0; i<keys.length; i++){
+  for (let i = 0; i < keys.length; i++) {
-    if(prev[keys[i]] !== next[keys[i]]){
+    if (prev[keys[i]] !== next[keys[i]]) {
       return false;
     }
   }
   return true;
-}
+};
 export default React.memo(CategoryPanel, propsAreEqual);