RoomSearchContext 통합

src/components/home/context/RoomSearchContext.tsx

@@ -10,7 +10,14 @@ import type {
   RoomSearchParams,
 } from '@/types/roomSearch';
 
-type ModalType = 'location' | 'calendar' | 'guests' | 'filter' | null;
+type ModalType =
+  | 'location'
+  | 'calendar'
+  | 'guests'
+  | 'filter'
+  | 'roomCalendar'
+  | 'roomGuests'
+  | null;
 
 type Location = {
   sido?: string;

src/components/roomdetail/Reservation.tsx

@@ -3,7 +3,7 @@ import { useState } from 'react';
 
 import clock from '@/assets/icons/reservation/clock.svg';
 import BaseModal from '@/components/common/Modal/BaseModal';
-import { useSearch } from '@/components/home/context/SearchContext';
+import { useRoomSearch } from '@/components/home/context/RoomSearchContext';
 import RoomGuestsModal from '@/components/roomdetail/RoomGuestsModal';
 import type { roomType } from '@/types/roomType';
 
@@ -21,7 +21,7 @@ const Reservation = ({ data }: InfoProps) => {
   const [isLoading, setIsLoading] = useState(false);
   const [error, setError] = useState<string | null>(null);
   const { checkIn, checkOut, guests, currentModal, openModal, closeModal } =
-    useSearch();
+    useRoomSearch();
 
   const handleReservation = async () => {
     try {
@@ -194,4 +194,4 @@ const Reservation = ({ data }: InfoProps) => {
   );
 };
 
-export default Reservation;
+export default Reservation;

src/components/roomdetail/ReviewModal.tsx

@@ -229,4 +229,4 @@ const ReviewModal = ({ onClose, data }: ReviewProps) => {
   );
 };
 
-export default ReviewModal;
+export default ReviewModal;

src/components/roomdetail/RoomGuestsModal.tsx

@@ -1,15 +1,15 @@
 import ErrorIcon from '@mui/icons-material/Error';
 import { useState } from 'react';
 
-import { useSearch } from '@/components/home/context/SearchContext';
+import { useRoomSearch } from '@/components/home/context/RoomSearchContext';
 
 type GuestsModalProps = {
   onClose: () => void;
   maxOccupancy: number;
 };
 
 const GuestsModal = ({ onClose, maxOccupancy }: GuestsModalProps) => {
-  const { setGuests } = useSearch();
+  const { setGuests } = useRoomSearch();
   const [guestCount, setGuestCount] = useState(0);
 
   const handleIncrement = () => {
@@ -76,4 +76,4 @@ const GuestsModal = ({ onClose, maxOccupancy }: GuestsModalProps) => {
   );
 };
 
-export default GuestsModal;
+export default GuestsModal;

src/components/roomdetail/roomCalendarModal.tsx

@@ -2,7 +2,7 @@ import dayjs from 'dayjs';
 import { useEffect, useState } from 'react';
 import { useCallback } from 'react';
 
-import { useSearch } from '@/components/home/context/SearchContext';
+import { useRoomSearch } from '@/components/home/context/RoomSearchContext';
 
 type AvailabilityResponse = {
   availableDates: string[];
@@ -15,7 +15,7 @@ type CalendarModalProps = {
 };
 
 const RoomCalendarModal = ({ onClose, id }: CalendarModalProps) => {
-  const { checkIn, checkOut, setCheckIn, setCheckOut } = useSearch();
+  const { checkIn, checkOut, setCheckIn, setCheckOut } = useRoomSearch();
   const [currentMonth, setCurrentMonth] = useState(dayjs());
   const [selecting, setSelecting] = useState<'checkIn' | 'checkOut'>('checkIn');
   const [availableDates, setAvailableDates] = useState<string[]>([]);
@@ -239,4 +239,4 @@ const RoomCalendarModal = ({ onClose, id }: CalendarModalProps) => {
   );
 };
 
-export default RoomCalendarModal;
+export default RoomCalendarModal;