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

[FeaturedBrandsPaenl, OnSalePanel] 폴더 구조 변경

Browse Source 
Detail Notes :

1. component 구조에 따른 폴더 구조 변경
This commit is contained in:
younghoon100.park
2024-02-07 09:54:18 +09:00
parent cc9201eb17
commit 69fb14b630
16 changed files with 42 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
com.twin.app.shoptime/src/views/FeaturedBrandsPanel/LiveChannels/LiveChannels.jsx
View File

@@ -6,8 +6,8 @@ import ri from "@enact/ui/resolution";
import SectionTitle from "../../../components/SectionTitle/SectionTitle";
import TItemCard from "../../../components/TItemCard/TItemCard";
import { $L } from "../../../utils/helperMethods";
import LiveVideoCard from "../LiveVideoCard/LiveVideoCard";
import css from "./LiveChannels.module.less";
import LiveVideoCard from "./LiveVideoCard/LiveVideoCard";
// getBrandLiveChannelInfo → brandChanInfo → brandProductInfo
// brandProductInfo = {
@@ -21,19 +21,6 @@ import css from "./LiveChannels.module.less";
// soldoutFlag,
// }
/*
<TItemCard
key={prdtId}
imageAlt={prdtNm}
imageSource={prdtImgUrl}
priceInfo={priceInfo}
productId={prdtId}
productName={prdtNm}
soldoutFlag={soldoutFlag}
type="horizontal"
/>
*/
const LIVE_CHANNELS_STRING = "LIVE CHANNELS";
const LIST_ITEM_CONF = {
@@ -65,8 +52,6 @@ export default function LiveChannels({ brandChanInfo, brandChannelCnt }) {
vtctpYn, // 영상 세로 여부
} = brandChanInfo;
console.log();
const renderItem = ({ index, ...rest }) => {
const { prdtImgUrl, prdtId, prdtNm, priceInfo, soldoutFlag } =
brandProductInfo[index];

8
com.twin.app.shoptime/src/views/FeaturedBrandsPanel/LiveVideoCard/LiveVideoCard.jsx → com.twin.app.shoptime/src/views/FeaturedBrandsPanel/LiveChannels/LiveVideoCard/LiveVideoCard.jsx
View File

@@ -2,10 +2,10 @@ import React, { memo, useCallback, useState } from "react";
import Spottable from "@enact/spotlight/Spottable";
import IcWarning from "../../../../assets/icon/ic-warning.svg";
import IcLiveShow from "../../../../assets/icon/tag/tag-liveshow.svg";
import VideoOverlayWithPhoneNumber from "../../../components/VideoOverlayWithPhoneNumber/VideoOverlayWithPhoneNumber";
import { $L } from "../../../utils/helperMethods";
import IcWarning from "../../../../../assets/icon/ic-warning.svg";
import IcLiveShow from "../../../../../assets/icon/tag/tag-liveshow.svg";
import VideoOverlayWithPhoneNumber from "../../../../components/VideoOverlayWithPhoneNumber/VideoOverlayWithPhoneNumber";
import { $L } from "../../../../utils/helperMethods";
import css from "./LiveVideoCard.module.less";
const SpottableComponent = Spottable("div");

4
com.twin.app.shoptime/src/views/FeaturedBrandsPanel/LiveVideoCard/LiveVideoCard.module.less → com.twin.app.shoptime/src/views/FeaturedBrandsPanel/LiveChannels/LiveVideoCard/LiveVideoCard.module.less
View File

@@ -1,5 +1,5 @@
@import "../../../style/CommonStyle.module.less";
@import "../../../style/utils.module.less";
@import "../../../../style/CommonStyle.module.less";
@import "../../../../style/utils.module.less";
.container {
/* normal */

0
com.twin.app.shoptime/src/views/FeaturedBrandsPanel/LiveVideoCard/package.json → com.twin.app.shoptime/src/views/FeaturedBrandsPanel/LiveChannels/LiveVideoCard/package.json
View File

2
com.twin.app.shoptime/src/views/FeaturedBrandsPanel/QuickMenu/QuickMenu.jsx
View File

@@ -4,7 +4,7 @@ import { VirtualGridList } from "@enact/sandstone/VirtualList";
import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator";
import ri from "@enact/ui/resolution";
import QuickMenuItem from "../QuickMenuItem/QuickMenuItem";
import QuickMenuItem from "../QuickMenu/QuickMenuItem/QuickMenuItem";
import css from "./QuickMenu.module.less";
const LIST_ITEM_CONF = {

2
com.twin.app.shoptime/src/views/FeaturedBrandsPanel/QuickMenuItem/QuickMenuItem.jsx → com.twin.app.shoptime/src/views/FeaturedBrandsPanel/QuickMenu/QuickMenuItem/QuickMenuItem.jsx
View File

@@ -4,7 +4,7 @@ import classNames from "classnames";
import Spottable from "@enact/spotlight/Spottable";
import { $L } from "../../../utils/helperMethods";
import { $L } from "../../../../utils/helperMethods";
import css from "./QuickMenuItem.module.less";
const SpottableComponent = Spottable("div");

8
com.twin.app.shoptime/src/views/FeaturedBrandsPanel/QuickMenuItem/QuickMenuItem.module.less → com.twin.app.shoptime/src/views/FeaturedBrandsPanel/QuickMenu/QuickMenuItem/QuickMenuItem.module.less
View File

@@ -1,5 +1,5 @@
@import "../../../style/CommonStyle.module.less";
@import "../../../style/utils.module.less";
@import "../../../../style/CommonStyle.module.less";
@import "../../../../style/utils.module.less";
.item {
/* normal */
@@ -49,7 +49,7 @@
// outline
> span {
background-image: url("../../../../assets/images/partners/ic-tab-partners-focus@3x.png");
background-image: url("../../../../../assets/images/partners/ic-tab-partners-focus@3x.png");
}
}
@@ -67,7 +67,7 @@
// outline
> span {
background-image: url("../../../../assets/images/partners/ic-tab-partners-selected@3x.png");
background-image: url("../../../../../assets/images/partners/ic-tab-partners-selected@3x.png");
}
}
}

0
com.twin.app.shoptime/src/views/FeaturedBrandsPanel/QuickMenuItem/package.json → com.twin.app.shoptime/src/views/FeaturedBrandsPanel/QuickMenu/QuickMenuItem/package.json
View File

2
com.twin.app.shoptime/src/views/OnSalePanel/CategoryNav/CategoryNav.jsx
View File

@@ -4,7 +4,7 @@ import { VirtualGridList } from "@enact/sandstone/VirtualList";
import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDecorator";
import ri from "@enact/ui/resolution";
import CategoryNavItem from "../CategoryNavItem/CategoryNavItem";
import CategoryNavItem from "../CategoryNav/CategoryNavItem/CategoryNavItem";
import css from "./CategoryNav.module.less";
const LIST_ITEM_CONF = {

0
com.twin.app.shoptime/src/views/OnSalePanel/CategoryNavItem/CategoryNavItem.jsx → com.twin.app.shoptime/src/views/OnSalePanel/CategoryNav/CategoryNavItem/CategoryNavItem.jsx
View File

52
com.twin.app.shoptime/src/views/OnSalePanel/CategoryNavItem/CategoryNavItem.module.less → com.twin.app.shoptime/src/views/OnSalePanel/CategoryNav/CategoryNavItem/CategoryNavItem.module.less
View File

@@ -1,5 +1,5 @@
@import "../../../style/CommonStyle.module.less";
@import "../../../style/utils.module.less";
@import "../../../../style/CommonStyle.module.less";
@import "../../../../style/utils.module.less";
.category {
/* normal */
@@ -24,62 +24,62 @@
&.category-icon-1017 {
// LG Electronics
background-image: url("../../../../assets/category/ic-category-lgelectronics-nor@3x.png");
background-image: url("../../../../../assets/category/ic-category-lgelectronics-nor@3x.png");
}
// Garden and Outdoors
&.category-icon-1008 {
background-image: url("../../../../assets/category/ic-category-garden-nor@3x.png");
background-image: url("../../../../../assets/category/ic-category-garden-nor@3x.png");
}
// Fashion
&.category-icon-1000 {
background-image: url("../../../../assets/category/ic-category-fashion-nor@3x.png");
background-image: url("../../../../../assets/category/ic-category-fashion-nor@3x.png");
}
// Beauty
&.category-icon-1003 {
background-image: url("../../../../assets/category/ic-category-beauty-nor@3x.png");
background-image: url("../../../../../assets/category/ic-category-beauty-nor@3x.png");
}
// Jewelry
&.category-icon-1004 {
background-image: url("../../../../assets/category/ic-category-jewelry-nor@3x.png");
background-image: url("../../../../../assets/category/ic-category-jewelry-nor@3x.png");
}
// Home
&.category-icon-1006 {
background-image: url("../../../../assets/category/ic-category-home-nor@3x.png");
background-image: url("../../../../../assets/category/ic-category-home-nor@3x.png");
}
// Kitchen & Food
&.category-icon-1007 {
background-image: url("../../../../assets/category/ic-category-kitchen-nor@3x.png");
background-image: url("../../../../../assets/category/ic-category-kitchen-nor@3x.png");
}
// Accessories
&.category-icon-1014 {
background-image: url("../../../../assets/category/ic-category-accessories-nor@3x.png");
background-image: url("../../../../../assets/category/ic-category-accessories-nor@3x.png");
}
// Heaclth & Fitness
&.category-icon-1009 {
background-image: url("../../../../assets/category/ic-category-health-nor@3x.png");
background-image: url("../../../../../assets/category/ic-category-health-nor@3x.png");
}
// Crafts & Sewing
&.category-icon-1011 {
background-image: url("../../../../assets/category/ic-category-cw-nor@3x.png");
background-image: url("../../../../../assets/category/ic-category-cw-nor@3x.png");
}
// Electronics
&.category-icon-1010 {
background-image: url("../../../../assets/category/ic-category-electronics-nor@3x.png");
background-image: url("../../../../../assets/category/ic-category-electronics-nor@3x.png");
}
// Clearance
&.category-icon-1013 {
background-image: url("../../../../assets/category/ic-category-clearance-nor@3x.png");
background-image: url("../../../../../assets/category/ic-category-clearance-nor@3x.png");
}
}
}
@@ -107,62 +107,62 @@
span {
// LG Electronics
&.category-icon-1017 {
background-image: url("../../../../assets/category/ic-category-lgelectronics-foc@3x.png");
background-image: url("../../../../../assets/category/ic-category-lgelectronics-foc@3x.png");
}
// Garden and Outdoors
&.category-icon-1008 {
background-image: url("../../../../assets/category/ic-category-garden-foc@3x.png");
background-image: url("../../../../../assets/category/ic-category-garden-foc@3x.png");
}
// Fashion
&.category-icon-1000 {
background-image: url("../../../../assets/category/ic-category-fashion-foc@3x.png");
background-image: url("../../../../../assets/category/ic-category-fashion-foc@3x.png");
}
// Beauty
&.category-icon-1003 {
background-image: url("../../../../assets/category/ic-category-beauty-foc@3x.png");
background-image: url("../../../../../assets/category/ic-category-beauty-foc@3x.png");
}
// Jewelry
&.category-icon-1004 {
background-image: url("../../../../assets/category/ic-category-jewelry-foc@3x.png");
background-image: url("../../../../../assets/category/ic-category-jewelry-foc@3x.png");
}
// Home
&.category-icon-1006 {
background-image: url("../../../../assets/category/ic-category-home-foc@3x.png");
background-image: url("../../../../../assets/category/ic-category-home-foc@3x.png");
}
// Kitchen & Food
&.category-icon-1007 {
background-image: url("../../../../assets/category/ic-category-kitchen-foc@3x.png");
background-image: url("../../../../../assets/category/ic-category-kitchen-foc@3x.png");
}
// Accessories
&.category-icon-1014 {
background-image: url("../../../../assets/category/ic-category-accessories-foc@3x.png");
background-image: url("../../../../../assets/category/ic-category-accessories-foc@3x.png");
}
// Heaclth & Fitness
&.category-icon-1009 {
background-image: url("../../../../assets/category/ic-category-health-foc@3x.png");
background-image: url("../../../../../assets/category/ic-category-health-foc@3x.png");
}
// Crafts & Sewing
&.category-icon-1011 {
background-image: url("../../../../assets/category/ic-category-cw-foc@3x.png");
background-image: url("../../../../../assets/category/ic-category-cw-foc@3x.png");
}
// Electronics
&.category-icon-1010 {
background-image: url("../../../../assets/category/ic-category-electronics-foc@3x.png");
background-image: url("../../../../../assets/category/ic-category-electronics-foc@3x.png");
}
// Clearance
&.category-icon-1013 {
background-image: url("../../../../assets/category/ic-category-clearance-foc@3x.png");
background-image: url("../../../../../assets/category/ic-category-clearance-foc@3x.png");
}
}
}

0
com.twin.app.shoptime/src/views/OnSalePanel/CategoryNavItem/package.json → com.twin.app.shoptime/src/views/OnSalePanel/CategoryNav/CategoryNavItem/package.json
View File

2
com.twin.app.shoptime/src/views/OnSalePanel/OnSaleProductItem/OnSaleProductItem.jsx → com.twin.app.shoptime/src/views/OnSalePanel/OnSaleProductList/OnSaleProductItem/OnSaleProductItem.jsx
View File

@@ -1,6 +1,6 @@
import React, { memo } from "react";
import TItemCard from "../../../components/TItemCard/TItemCard";
import TItemCard from "../../../../components/TItemCard/TItemCard";
import css from "./OnSaleProductItem.module.less";
export default memo(function OnSaleProductItem({

0
com.twin.app.shoptime/src/views/OnSalePanel/OnSaleProductItem/OnSaleProductItem.module.less → com.twin.app.shoptime/src/views/OnSalePanel/OnSaleProductList/OnSaleProductItem/OnSaleProductItem.module.less
View File

0
com.twin.app.shoptime/src/views/OnSalePanel/OnSaleProductItem/package.json → com.twin.app.shoptime/src/views/OnSalePanel/OnSaleProductList/OnSaleProductItem/package.json
View File

2
com.twin.app.shoptime/src/views/OnSalePanel/OnSaleProductList/OnSaleProductList.jsx
View File

@@ -5,7 +5,7 @@ import SpotlightContainerDecorator from "@enact/spotlight/SpotlightContainerDeco
import ri from "@enact/ui/resolution";
import SectionTitle from "../../../components/SectionTitle/SectionTitle";
import OnSaleProductItem from "../OnSaleProductItem/OnSaleProductItem";
import OnSaleProductItem from "../OnSaleProductList/OnSaleProductItem/OnSaleProductItem";
import css from "./OnSaleProductList.module.less";
const LIST_ITEM_CONF = {