From cef53c2e80a74dd9e85ee2187792b04b472a798b Mon Sep 17 00:00:00 2001
From: jhynsoo <jhynsoo@gmail.com>
Date: Wed, 1 Nov 2023 19:39:02 +0900
Subject: [PATCH] feat: Add price graph in PriceStep component

---
 src/pages/WriteSteps/PriceStep.jsx | 8 +++++++-
 src/pages/WriteSteps/index.jsx     | 1 +
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/pages/WriteSteps/PriceStep.jsx b/src/pages/WriteSteps/PriceStep.jsx
index d693585..142d734 100644
--- a/src/pages/WriteSteps/PriceStep.jsx
+++ b/src/pages/WriteSteps/PriceStep.jsx
@@ -1,9 +1,12 @@
 import Button from '../../components/Button';
 import ButtonArea from '../../components/ButtonArea';
 import CurrencyInput from '../../components/CurrencyInput';
+import ProductPriceGraph from '../../components/Graph/ProductPriceGraph';
+import Spacer from '../../components/Spacer';
+import { SubTitle } from '../../styles/Common.styles';
 import * as S from '../../styles/WriteSteps.styles';
 
-function PriceStep({ gotoNextStep, gotoPrevStep, price, setPrice }) {
+function PriceStep({ modelId, gotoNextStep, gotoPrevStep, price, setPrice }) {
   return (
     <S.Step>
       <S.Title>얼마에 팔고 싶나요?</S.Title>
@@ -12,6 +15,9 @@ function PriceStep({ gotoNextStep, gotoPrevStep, price, setPrice }) {
         setValue={setPrice}
         autofocus
       />
+      <Spacer height={20} />
+      <SubTitle>최근 판매 가격</SubTitle>
+      <ProductPriceGraph id={modelId} />
       <ButtonArea>
         <Button
           secondary
diff --git a/src/pages/WriteSteps/index.jsx b/src/pages/WriteSteps/index.jsx
index 52bdfd3..7072a23 100644
--- a/src/pages/WriteSteps/index.jsx
+++ b/src/pages/WriteSteps/index.jsx
@@ -56,6 +56,7 @@ function WriteSteps() {
       )}
       {step === 'price' && (
         <PriceStep
+          modelId={formData.product}
           price={formData.price}
           setPrice={setPrice}
           gotoNextStep={() => setStep('photo')}