style: Change post detail page layout

This commit is contained in:
jhynsoo 2023-11-09 16:09:16 +09:00
parent b13fc5bd16
commit 3385f1457d
2 changed files with 6 additions and 31 deletions

View File

@ -80,7 +80,7 @@ const ProductPriceGraph = ({ id }) => {
></Line>
</S.GraphArea>
<S.Text>
최근 6개월간 최저 <span>{minPriceString}</span>
최근 6개월간 최저 <span>{minPriceString}</span>
</S.Text>
</S.ProductPriceGraph>
);

View File

@ -11,20 +11,9 @@ import ProductPriceGraph from '../../components/Graph/ProductPriceGraph';
import { SubTitle } from '../../styles/Common.styles';
import ButtonArea from '../../components/ButtonArea';
import Button from '../../components/Button';
import Spacer from '../../components/Spacer';
import { useOverlay } from '@toss/use-overlay';
import { Dialog, Slide } from '@mui/material';
import React, { Suspense } from 'react';
const Transition = React.forwardRef(function Transition(props, ref) {
return (
<Slide
direction="up"
ref={ref}
{...props}
/>
);
});
import { Suspense } from 'react';
import CustomDialog from '../../components/CustomDialog';
const PostDetail = () => {
const overlay = useOverlay();
@ -32,29 +21,15 @@ const PostDetail = () => {
const { data } = usePost(id);
const openOverlay = () => {
overlay.open(({ isOpen, close }) => (
<Dialog
<CustomDialog
open={isOpen}
onClose={close}
TransitionComponent={Transition}
PaperProps={{
style: {
padding: '8px 24px 24px 24px',
borderRadius: '20px',
},
}}
slotProps={{
backdrop: {
style: {
backdropFilter: 'blur(5px)',
},
},
}}
title={'최근 거래 가격'}
>
<SubTitle>최근 거래 가격</SubTitle>
<Suspense fallback={<></>}>
<ProductPriceGraph id={data.product.id} />
</Suspense>
</Dialog>
</CustomDialog>
));
};