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

detailpanel promotion

Browse Source
This commit is contained in:
고동영
2024-04-23 14:17:52 +09:00
parent 752267cbb3
commit 2b84c5702e
7 changed files with 211 additions and 120 deletions
Download Patch File Download Diff File Expand all files Collapse all files

95
com.twin.app.shoptime/src/views/DetailPanel/DetailPanel.jsx
View File

@@ -39,6 +39,7 @@ export default function DetailPanel({ panelInfo }) {
const { prdtId, patnrId, curationId, type, bgImgNo } = panelInfo;
console.log("#panelInfo", panelInfo);
useEffect(() => {
if (type === "hotel") {
dispatch(
@@ -140,23 +141,45 @@ export default function DetailPanel({ panelInfo }) {
}, [panelInfo]);
return (
<TPanel isTabActivated={false}>
<THeader
className={css.header}
title={
(prdtId && productData?.prdtNm) ||
(type === "hotel" && hotelData?.hotelInfo.curationNm) ||
(type === "theme" && themeData?.themeInfo[0]?.curationNm)
}
onBackButton
onClick={onClick}
/>
<TBody className={css.tbody} scrollable={false}>
{/* 단일상품 영역 */}
{productData?.pmtSuptYn === "Y" &&
productData?.grPrdtProcYn === "N" &&
prdtId && (
<SingleProduct
<>
<TPanel isTabActivated={false}>
<THeader
className={css.header}
title={
(prdtId && productData?.prdtNm) ||
(type === "hotel" && hotelData?.hotelInfo.curationNm) ||
(type === "theme" && themeData?.themeInfo[0]?.curationNm)
}
onBackButton
onClick={onClick}
/>
<TBody className={css.tbody} scrollable={false}>
{/* 단일상품 영역 */}
{productData?.pmtSuptYn === "Y" &&
productData?.grPrdtProcYn === "N" &&
prdtId && (
<SingleProduct
selectedPatnrId={patnrId}
selectedPrdtId={prdtId}
selectedIndex={selectedIndex}
setSelectedIndex={setSelectedIndex}
launchedFromPlayer={panelInfo.launchedFromPlayer}
/>
)}
{/* 그룹상품 영역 */}
{productData?.pmtSuptYn === "Y" &&
productData?.grPrdtProcYn === "Y" && (
<GroupProduct
selectedPatnrId={patnrId}
selectedPrdtId={prdtId}
selectedIndex={selectedIndex}
setSelectedIndex={setSelectedIndex}
launchedFromPlayer={panelInfo.launchedFromPlayer}
/>
)}
{/* 구매불가상품 영역 */}
{productData?.pmtSuptYn === "N" && prdtId && (
<UnableProduct
selectedPatnrId={patnrId}
selectedPrdtId={prdtId}
selectedIndex={selectedIndex}
@@ -164,39 +187,19 @@ export default function DetailPanel({ panelInfo }) {
launchedFromPlayer={panelInfo.launchedFromPlayer}
/>
)}
{/* 그룹상품 영역 */}
{productData?.pmtSuptYn === "Y" &&
productData?.grPrdtProcYn === "Y" && (
<GroupProduct
selectedPatnrId={patnrId}
selectedPrdtId={prdtId}
{/* 테마그룹상품 영역*/}
{curationId && (hotelInfos || themeData) && (
<ThemeProduct
selectedIndex={selectedIndex}
setSelectedIndex={setSelectedIndex}
selectedCurationId={curationId}
selectedPatnrId={patnrId}
themeType={type}
launchedFromPlayer={panelInfo.launchedFromPlayer}
/>
)}
{/* 구매불가상품 영역 */}
{productData?.pmtSuptYn === "N" && prdtId && (
<UnableProduct
selectedPatnrId={patnrId}
selectedPrdtId={prdtId}
selectedIndex={selectedIndex}
setSelectedIndex={setSelectedIndex}
launchedFromPlayer={panelInfo.launchedFromPlayer}
/>
)}
{/* 테마그룹상품 영역*/}
{curationId && (hotelInfos || themeData) && (
<ThemeProduct
selectedIndex={selectedIndex}
setSelectedIndex={setSelectedIndex}
selectedCurationId={curationId}
selectedPatnrId={patnrId}
themeType={type}
launchedFromPlayer={panelInfo.launchedFromPlayer}
/>
)}
</TBody>
</TBody>
</TPanel>
{lgCatCd && (productData || themeProductInfos) && (
<YouMayLike
isUnable={
@@ -207,6 +210,6 @@ export default function DetailPanel({ panelInfo }) {
lgCatCd={lgCatCd}
/>
)}
</TPanel>
</>
);
}