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

[FeaturedBrandsPanel] modify, orderStyle

Browse Source
This commit is contained in:
younghoon100.park
2024-07-16 11:25:54 +09:00
parent b2d36affbb
commit 6f8633a2b6
11 changed files with 13 additions and 138 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
com.twin.app.shoptime/src/views/FeaturedBrandsPanel/FeaturedBestSeller/FeaturedBestSeller.jsx
View File

@@ -21,24 +21,13 @@ const Container = SpotlightContainerDecorator(
export default memo(function FeaturedBestSeller({
brandBestSellerInfo,
handleItemFocus,
hasQuickMenu,
order,
spotlightId,
selectedPatnrId,
}) {
const [firstChk, setFirstChk] = useState(0);
const orderStyle = useMemo(() => {
let style = { order: order };
if (order === 1) {
style = hasQuickMenu
? { ...style, marginTop: `${scaleH(166)}px` }
: { ...style, paddingTop: `${scaleH(166)}px` };
}
return style;
}, [hasQuickMenu, order]);
const orderStyle = useMemo(() => ({ order }), [order]);
const _handleItemFocus = useCallback(() => {
if (handleItemFocus) {

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

@@ -689,7 +689,6 @@ export default function FeaturedBrandsPanel({
brandChanInfo={brandChanInfo}
brandChannelCnt={brandChannelCnt}
handleItemFocus={handleItemFocus}
hasQuickMenu={hasQuickMenu}
order={getOrderByValue(
brandLayoutInfo,
TEMPLATE_CODE_CONF.LIVE_CHANNELS
@@ -708,7 +707,6 @@ export default function FeaturedBrandsPanel({
<UpComing
brandLiveChannelUpcoming={brandLiveChannelUpcoming}
handleItemFocus={handleItemFocus}
hasQuickMenu={hasQuickMenu}
order={getOrderByValue(
brandLayoutInfo,
TEMPLATE_CODE_CONF.UP_COMING
@@ -743,7 +741,6 @@ export default function FeaturedBrandsPanel({
<FeaturedBestSeller
brandBestSellerInfo={brandBestSellerInfo}
handleItemFocus={handleItemFocus}
hasQuickMenu={hasQuickMenu}
order={getOrderByValue(
brandLayoutInfo,
TEMPLATE_CODE_CONF.BEST_SELLER
@@ -767,7 +764,6 @@ export default function FeaturedBrandsPanel({
fromGNB={fromGNB}
fromQuickMenu={fromQuickMenu}
handleItemFocus={handleItemFocus}
hasQuickMenu={hasQuickMenu}
order={getOrderByValue(
brandLayoutInfo,
TEMPLATE_CODE_CONF.RECOMMENDED_SHOWS
@@ -792,7 +788,6 @@ export default function FeaturedBrandsPanel({
fromGNB={fromGNB}
fromQuickMenu={fromQuickMenu}
handleItemFocus={handleItemFocus}
hasQuickMenu={hasQuickMenu}
order={getOrderByValue(
brandLayoutInfo,
TEMPLATE_CODE_CONF.FEATURED_CREATORS
@@ -817,7 +812,6 @@ export default function FeaturedBrandsPanel({
fromGNB={fromGNB}
fromQuickMenu={fromQuickMenu}
handleItemFocus={handleItemFocus}
hasQuickMenu={hasQuickMenu}
order={getOrderByValue(
brandLayoutInfo,
TEMPLATE_CODE_CONF.SERIES
@@ -840,9 +834,7 @@ export default function FeaturedBrandsPanel({
brandCategoryInfo={brandCategoryInfo}
brandCategoryProductInfo={brandCategoryProductInfo}
fromGNB={fromGNB}
fromQuickMenu={fromQuickMenu}
handleItemFocus={handleItemFocus}
hasQuickMenu={hasQuickMenu}
order={getOrderByValue(
brandLayoutInfo,
TEMPLATE_CODE_CONF.CATEGORY
@@ -867,7 +859,6 @@ export default function FeaturedBrandsPanel({
fromGNB={fromGNB}
fromQuickMenu={fromQuickMenu}
handleItemFocus={handleItemFocus}
hasQuickMenu={hasQuickMenu}
order={getOrderByValue(
brandLayoutInfo,
TEMPLATE_CODE_CONF.SHOWROOM
@@ -897,15 +888,6 @@ export default function FeaturedBrandsPanel({
{(activePopup?.type === ACTIVE_POPUP.reminderPopup ||
activePopup?.type === ACTIVE_POPUP.timeConflictPopup) && (
<TPopUp
// button1Text={
// activePopup?.type !== ACTIVE_POPUP.noShowPopup
// ? $L(STRING_CONF.YES)
// : $L(STRING_CONF.OK)
// }
// button2Text={
// activePopup?.type !== ACTIVE_POPUP.noShowPopup &&
// $L(STRING_CONF.CANCEL)
// }
button1Text={$L(STRING_CONF.OK)}
button2Text={$L(STRING_CONF.CANCEL)}
hasButton

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

@@ -14,6 +14,10 @@
.orderableFlexContainer {
display: flex;
flex-wrap: wrap;
> div:nth-child(1) {
padding-top: 166px;
}
}
.tButton {

25
com.twin.app.shoptime/src/views/FeaturedBrandsPanel/FeaturedCategory/FeaturedCategory.jsx
View File

@@ -25,7 +25,6 @@ export default memo(function FeaturedCategory({
fromGNB,
fromQuickMenu,
handleItemFocus,
hasQuickMenu,
order,
spotlightId,
selectedCatCdLv1,
@@ -44,29 +43,7 @@ export default memo(function FeaturedCategory({
// const [isCopyFinished, setIsCopyFinished] = useState(false);
const [firstChk, setFirstChk] = useState(0);
// const orderStyle = useMemo(
// () => ({
// order,
// height:
// filteredBrandCategoryProductInfo &&
// filteredBrandCategoryProductInfo.length === 0
// ? scaleH(1080) + "px"
// : "auto",
// }),
// [order, filteredBrandCategoryProductInfo]
// );
const orderStyle = useMemo(() => {
let style = { order: order };
if (order === 1) {
style = hasQuickMenu
? { ...style, marginTop: `${scaleH(166)}px` }
: { ...style, paddingTop: `${scaleH(166)}px` };
}
return style;
}, [hasQuickMenu, order]);
const orderStyle = useMemo(() => ({ order }), [order]);
const catCdLv1Array = useMemo(
() => brandCategoryInfo.map((obj) => obj.catCdLv1),

13
com.twin.app.shoptime/src/views/FeaturedBrandsPanel/FeaturedCreators/FeaturedCreators.jsx
View File

@@ -24,7 +24,6 @@ export default memo(function FeaturedCreators({
fromGNB,
fromQuickMenu,
handleItemFocus,
hasQuickMenu,
order,
spotlightId,
selectedHstNm,
@@ -34,17 +33,7 @@ export default memo(function FeaturedCreators({
}) {
const [firstChk, setFirstChk] = useState(0);
const orderStyle = useMemo(() => {
let style = { order: order };
if (order === 1) {
style = hasQuickMenu
? { ...style, marginTop: `${scaleH(166)}px` }
: { ...style, paddingTop: `${scaleH(166)}px` };
}
return style;
}, [hasQuickMenu, order]);
const orderStyle = useMemo(() => ({ order }), [order]);
const _handleItemFocus = useCallback(() => {
if (handleItemFocus) {

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

@@ -33,7 +33,6 @@ export default memo(function LiveChannels({
brandChanInfo,
brandChannelCnt,
handleItemFocus,
hasQuickMenu,
order,
panelInfo,
selectedPatnrId,
@@ -48,17 +47,7 @@ export default memo(function LiveChannels({
const intervalRef = useRef(null);
const orderStyle = useMemo(() => {
let style = { order: order };
if (order === 1) {
style = hasQuickMenu
? { ...style, marginTop: `${scaleH(166)}px` }
: { ...style, paddingTop: `${scaleH(166)}px` };
}
return style;
}, [hasQuickMenu, order]);
const orderStyle = useMemo(() => ({ order }), [order]);
useEffect(() => {
if (broadcast?.type === "videoError" && !isVideoErrorOccurred) {

13
com.twin.app.shoptime/src/views/FeaturedBrandsPanel/RecommendedShows/RecommendedShows.jsx
View File

@@ -27,7 +27,6 @@ export default memo(function RecommendedShows({
fromGNB,
fromQuickMenu,
handleItemFocus,
hasQuickMenu,
order,
spotlightId,
selectedCatCd,
@@ -39,17 +38,7 @@ export default memo(function RecommendedShows({
const [firstChk, setFirstChk] = useState(0);
const orderStyle = useMemo(() => {
let style = { order: order };
if (order === 1) {
style = hasQuickMenu
? { ...style, marginTop: `${scaleH(166)}px` }
: { ...style, paddingTop: `${scaleH(166)}px` };
}
return style;
}, [hasQuickMenu, order]);
const orderStyle = useMemo(() => ({ order }), [order]);
const selectedCatNm = useMemo(
() =>

13
com.twin.app.shoptime/src/views/FeaturedBrandsPanel/Series/Series.jsx
View File

@@ -25,7 +25,6 @@ export default memo(function Series({
fromGNB,
fromQuickMenu,
handleItemFocus,
hasQuickMenu,
order,
spotlightId,
selectedPatncNm,
@@ -36,17 +35,7 @@ export default memo(function Series({
const [filteredBrandSeriesGroupInfo, setFilteredSeriesGroupInfo] = useState();
const [firstChk, setFirstChk] = useState(0);
const orderStyle = useMemo(() => {
let style = { order: order };
if (order === 1) {
style = hasQuickMenu
? { ...style, marginTop: `${scaleH(166)}px` }
: { ...style, paddingTop: `${scaleH(166)}px` };
}
return style;
}, [hasQuickMenu, order]);
const orderStyle = useMemo(() => ({ order }), [order]);
useEffect(() => {
if (!selectedSeriesId) {

13
com.twin.app.shoptime/src/views/FeaturedBrandsPanel/Showroom/Showroom.jsx
View File

@@ -26,7 +26,6 @@ export default memo(function Showroom({
fromGNB,
fromQuickMenu,
handleItemFocus,
hasQuickMenu,
order,
selectedPatnrId,
selectedPatncNm,
@@ -37,17 +36,7 @@ export default memo(function Showroom({
const [selectedRoomId, setSelectedRoomId] = useState(null);
const [firstChk, setFirstChk] = useState(0);
const orderStyle = useMemo(() => {
let style = { order: order };
if (order === 1) {
style = hasQuickMenu
? { ...style, marginTop: `${scaleH(166)}px` }
: { ...style, paddingTop: `${scaleH(166)}px` };
}
return style;
}, [hasQuickMenu, order]);
const orderStyle = useMemo(() => ({ order }), [order]);
const selectedRoomThemeInfos = useMemo(
() =>

13
com.twin.app.shoptime/src/views/FeaturedBrandsPanel/TodaysDeals/TodaysDeals.jsx
View File

@@ -21,23 +21,12 @@ const Container = SpotlightContainerDecorator(
export default memo(function TodaysDeals({
brandTsvInfo,
handleItemFocus,
hasQuickMenu,
order,
spotlightId,
}) {
const [firstChk, setFirstChk] = useState(0);
const orderStyle = useMemo(() => {
let style = { order: order };
if (order === 1) {
style = hasQuickMenu
? { ...style, marginTop: `${scaleH(166)}px` }
: { ...style, paddingTop: `${scaleH(166)}px` };
}
return style;
}, [hasQuickMenu, order]);
const orderStyle = useMemo(() => ({ order }), [order]);
const _handleItemFocus = useCallback(() => {
if (handleItemFocus) {

13
com.twin.app.shoptime/src/views/FeaturedBrandsPanel/UpComing/UpComing.jsx
View File

@@ -21,24 +21,13 @@ const STRING_CONF = {
export default memo(function UpComing({
brandLiveChannelUpcoming,
handleItemFocus,
hasQuickMenu,
order,
spotlightId,
selectedPatnrId,
}) {
const [firstChk, setFirstChk] = useState(0);
const orderStyle = useMemo(() => {
let style = { order: order };
if (order === 1) {
style = hasQuickMenu
? { ...style, marginTop: `${scaleH(166)}px` }
: { ...style, paddingTop: `${scaleH(166)}px` };
}
return style;
}, [hasQuickMenu, order]);
const orderStyle = useMemo(() => ({ order }), [order]);
const _handleItemFocus = useCallback(() => {
if (handleItemFocus) {