From 6c1106151002ee8c5d152053828761552f732b9c Mon Sep 17 00:00:00 2001
From: jerry <becomegoodguy@gmail.com>
Date: Wed, 17 Jul 2024 11:16:13 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EC=98=88=EB=A7=A4=20=EC=99=84=EB=A3=8C?=
 =?UTF-8?q?=20=ED=8E=98=EC=9D=B4=EC=A7=80=EC=97=90=EC=84=9C=20state=20?=
 =?UTF-8?q?=EB=B0=9B=EC=9D=84=20=EC=88=98=20=EC=9E=88=EB=8F=84=EB=A1=9D=20?=
 =?UTF-8?q?=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../book/components/complete/Complete.tsx     | 24 ++++++++++---------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/pages/book/components/complete/Complete.tsx b/src/pages/book/components/complete/Complete.tsx
index 7bff4208..0158464f 100644
--- a/src/pages/book/components/complete/Complete.tsx
+++ b/src/pages/book/components/complete/Complete.tsx
@@ -1,28 +1,30 @@
 import { NAVIGATION_STATE } from "@constants/navigationState";
 import { useHeader } from "@hooks/useHeader";
 import { useEffect } from "react";
-import { useNavigate } from "react-router-dom";
+import { useLocation, useNavigate } from "react-router-dom";
 import FreeBook from "../freeBook/FreeBook";
 import PaidBook from "../paidBook/PaidBook";
 
 const Complete = () => {
+  const location = useLocation();
   const navigate = useNavigate();
-  const isPaid = false;
 
-  // TODO: state로 받아오기
-  const title = "비트 정기공연";
-  const bankName = "농협";
-  const accountNumber = "3561202376833";
-  const price = 10000;
-  const id = 1;
+  // TODO: 기본 값 수정
+  const {
+    id = 1,
+    title = "비트 정기공연",
+    bankName = "농협",
+    accountNumber = "3561202376833",
+    price = 100002,
+  } = location.state || {};
+
+  const isPaid = price !== 0 ? true : false;
 
   const { setHeader } = useHeader();
 
   useEffect(() => {
     setHeader({
       headerStyle: NAVIGATION_STATE.ICON,
-      title: "내가 등록한 공연",
-      subText: "삭제",
       rightOnClick: () => {
         navigate("/main");
       },
@@ -40,7 +42,7 @@ const Complete = () => {
           price={price}
         />
       ) : (
-        <FreeBook title={title} id={id} />
+        <FreeBook id={id} title={title} />
       )}
     </>
   );