From e48365adededd27966fa6e9ad26d5fde113accfd Mon Sep 17 00:00:00 2001
From: "younghoon100.park" <younghoon100.park@lgepartner.com>
Date: Thu, 8 Feb 2024 12:55:51 +0900
Subject: [PATCH] =?UTF-8?q?[OnSalePanel]=20virtualGridList=20=EB=8B=A8?=
 =?UTF-8?q?=EC=9C=84=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Detail Notes :

1. ri.scale → scaleW, scaleH (from helpMethods)
---
 .../views/OnSalePanel/CategoryNav/CategoryNav.jsx  | 14 +++++++-------
 .../OnSaleProductList/OnSaleProductList.jsx        | 14 +++++++-------
 2 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/com.twin.app.shoptime/src/views/OnSalePanel/CategoryNav/CategoryNav.jsx b/com.twin.app.shoptime/src/views/OnSalePanel/CategoryNav/CategoryNav.jsx
index ae54f686..5b75589d 100644
--- a/com.twin.app.shoptime/src/views/OnSalePanel/CategoryNav/CategoryNav.jsx
+++ b/com.twin.app.shoptime/src/views/OnSalePanel/CategoryNav/CategoryNav.jsx
@@ -2,15 +2,15 @@ import React, { useCallback } from "react";
 
 import { VirtualGridList } from "@enact/sandstone/VirtualList";
 import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator";
-import ri from "@enact/ui/resolution";
 
+import { scaleH, scaleW } from "../../../utils/helperMethods";
 import CategoryNavItem from "../CategoryNav/CategoryNavItem/CategoryNavItem";
 import css from "./CategoryNav.module.less";
 
 const LIST_ITEM_CONF = {
-  ITEM_WIDTH: 210 * 2,
-  ITEM_HEIGHT: 236 * 2,
-  SAPCING: 30 * 2,
+  ITEM_WIDTH: 210,
+  ITEM_HEIGHT: 236,
+  SAPCING: 30,
 };
 
 const Container = SpotlightContainerDecorator(
@@ -49,12 +49,12 @@ export default function CategoryNav({
           horizontalScrollbar="hidden"
           itemRenderer={renderItem}
           itemSize={{
-            minWidth: ri.scale(LIST_ITEM_CONF.ITEM_WIDTH),
-            minHeight: ri.scale(LIST_ITEM_CONF.ITEM_HEIGHT),
+            minWidth: scaleW(LIST_ITEM_CONF.ITEM_WIDTH),
+            minHeight: scaleH(LIST_ITEM_CONF.ITEM_HEIGHT),
           }}
           noScrollByWheel
           scrollMode="translate"
-          spacing={ri.scale(LIST_ITEM_CONF.SAPCING)}
+          spacing={scaleW(LIST_ITEM_CONF.SAPCING)}
         />
       )}
     </Container>
diff --git a/com.twin.app.shoptime/src/views/OnSalePanel/OnSaleProductList/OnSaleProductList.jsx b/com.twin.app.shoptime/src/views/OnSalePanel/OnSaleProductList/OnSaleProductList.jsx
index 029c4ee5..5546c863 100644
--- a/com.twin.app.shoptime/src/views/OnSalePanel/OnSaleProductList/OnSaleProductList.jsx
+++ b/com.twin.app.shoptime/src/views/OnSalePanel/OnSaleProductList/OnSaleProductList.jsx
@@ -2,16 +2,16 @@ import React, { useCallback } from "react";
 
 import { VirtualGridList } from "@enact/sandstone/VirtualList";
 import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator";
-import ri from "@enact/ui/resolution";
 
 import SectionTitle from "../../../components/SectionTitle/SectionTitle";
+import { scaleH, scaleW } from "../../../utils/helperMethods";
 import OnSaleProductItem from "../OnSaleProductList/OnSaleProductItem/OnSaleProductItem";
 import css from "./OnSaleProductList.module.less";
 
 const LIST_ITEM_CONF = {
-  ITEM_WIDTH: 324 * 2,
-  ITEM_HEIGHT: 570 * 2,
-  SAPCING: 18 * 2,
+  ITEM_WIDTH: 324,
+  ITEM_HEIGHT: 570,
+  SAPCING: 18,
 };
 
 const Container = SpotlightContainerDecorator(
@@ -49,12 +49,12 @@ export default function OnSaleProductList({
           horizontalScrollbar="hidden"
           itemRenderer={renderItem}
           itemSize={{
-            minWidth: ri.scale(LIST_ITEM_CONF.ITEM_WIDTH),
-            minHeight: ri.scale(LIST_ITEM_CONF.ITEM_HEIGHT),
+            minWidth: scaleW(LIST_ITEM_CONF.ITEM_WIDTH),
+            minHeight: scaleH(LIST_ITEM_CONF.ITEM_HEIGHT),
           }}
           noScrollByWheel
           scrollMode="translate"
-          spacing={ri.scale(LIST_ITEM_CONF.SAPCING)}
+          spacing={scaleW(LIST_ITEM_CONF.SAPCING)}
         />
       )}
     </Container>