대면 -> 대면 예약, 비대면 -> 비대면 예약으로 라우터 수정

Author: ljh130334

src/pages/DesignerDetail.tsx

@@ -6,8 +6,15 @@ import question from "../assets/question.svg";
 import Button from "../components/Button/Button";
 import ToolTip from "../components/ToolTip/ToolTip";
 import "../styles/DesignerDetail.styles.css";
+import { useNavigate } from "react-router-dom";
 
 const DesignerDetail: React.FC = () => {
+    const navigate = useNavigate();
+
+    const handleConsultingClick = (method: "online" | "offline") => {
+        navigate(`/reservation?method=${method}`);
+    };
+
     const designerData = {
         name: "이초 디자이너",
         address: "서울 강남구 압구정 79길 서울 강남구 압구정 79길서울 강남구 압구정 79길서울 강남구 압구정 79길",
@@ -68,12 +75,14 @@ const DesignerDetail: React.FC = () => {
                     size="large"
                     children="비대면 컨설팅"
                     disabled={isRemoteDisabled}
+                    onClick={() => handleConsultingClick("online")}
                 />
                 <Button
                     variant="primary"
                     size="large"
                     children="대면 컨설팅"
                     disabled={isInpersonDisabled}
+                    onClick={() => handleConsultingClick("offline")}
                 />
             </footer>
         </div >

src/pages/Reservation.tsx

@@ -1,22 +1,21 @@
 import { useState } from 'react';
 import { useNavigate } from 'react-router-dom';
+import { useSearchParams } from "react-router-dom";
 import Header from '../components/Header/Header';
 import WeeklyCalendar from '../components/WeeklyCalendar/WeeklyCalendar';
 import TimeSelector from '../components/TimeSelector/TimeSelector';
 import '../styles/Reservation.styles.css';
 
-interface ReservationPageProps {
-  consultMethod?: 'offline' | 'online';
-}
-
-export default function ReservationPage({ consultMethod }: ReservationPageProps) {
+export default function ReservationPage() {
   const [selectedDate, setSelectedDate] = useState<Date | null>(null);
   const [selectedTime, setSelectedTime] = useState<string | null>(null);
   const navigate = useNavigate();
+  const [searchParams] = useSearchParams();
+  const consultMethod = searchParams.get("method") === "offline" ? "offline" : "online";
 
-  const pageTitle = consultMethod === 'offline' 
-    ? '대면 컨설팅 예약하기' 
-    : '비대면 컨설팅 예약하기';
+  const pageTitle = consultMethod === "offline" 
+    ? "대면 컨설팅 예약하기" 
+    : "비대면 컨설팅 예약하기";
 
   // 예약된 시간들 (날짜별로 구성)
   const bookedTimesByDate: Record<string, string[]> = {