Detail Panel 포커스 작업 및 팝업 css

This commit is contained in:
고동영
2024-02-22 18:54:32 +09:00
parent ee4ac13b49
commit 8ec039ec0e
9 changed files with 269 additions and 207 deletions

View File

@@ -1,16 +1,22 @@
import React, { useEffect, useState } from "react";
import React, {
useEffect,
useState,
} from 'react';
import { useDispatch, useSelector } from "react-redux";
import {
useDispatch,
useSelector,
} from 'react-redux';
import { getProductCouponSearch } from "../../actions/couponActions";
import { getMainCategoryDetail } from "../../actions/mainActions";
import { popPanel } from "../../actions/panelActions";
import TBody from "../../components/TBody/TBody";
import THeader from "../../components/THeader/THeader";
import TPanel from "../../components/TPanel/TPanel";
import ProductOption from "./container/ProductOption";
import ProductThumbnail from "./container/ProductThumbnail";
import css from "./DetailPanel.module.less";
import { getProductCouponSearch } from '../../actions/couponActions';
import { getMainCategoryDetail } from '../../actions/mainActions';
import { popPanel } from '../../actions/panelActions';
import TBody from '../../components/TBody/TBody';
import THeader from '../../components/THeader/THeader';
import TPanel from '../../components/TPanel/TPanel';
import ProductOption from './container/ProductOption';
import ProductThumbnail from './container/ProductThumbnail';
import css from './DetailPanel.module.less';
export default function ItemDetail() {
const [productData, setProductData] = useState();
@@ -24,14 +30,14 @@ export default function ItemDetail() {
if (panels) {
dispatch(
getMainCategoryDetail({
patnrId: panels[1].panelInfo?.patnrId,
prdtId: panels[1].panelInfo?.prdtId,
patnrId: 1,
prdtId: "A523924",
})
);
dispatch(
getProductCouponSearch({
patnrId: panels[1]?.panelInfo?.patnrId,
prdtId: panels[1]?.panelInfo?.prdtId,
patnrId: 1,
prdtId: "A523924",
})
);
}
@@ -55,8 +61,8 @@ export default function ItemDetail() {
<TBody className={css.container} scrollable={false}>
<ProductThumbnail productData={productData} />
<ProductOption
selectedPatnrId={panels[1].panelInfo?.patnrId}
selectedPardtId={panels[1].panelInfo?.prdtId}
selectedPatnrId={1}
selectedPardtId={"A523924"}
/>
</TBody>
</TPanel>