diff --git a/src/components/reservation/meetingRoom/MeetingRoomIndex.tsx b/src/components/reservation/meetingRoom/MeetingRoomIndex.tsx index d1a3e70..14b6b6b 100644 --- a/src/components/reservation/meetingRoom/MeetingRoomIndex.tsx +++ b/src/components/reservation/meetingRoom/MeetingRoomIndex.tsx @@ -282,8 +282,11 @@ const MeetingRoomIndex: React.FC = () => {
-
바로예약
-
가능
+ {meetingRooms.length === 0 ? ( + <>
바로예약
불가능
+ ) : ( + <>
바로예약
가능
+ )}
총 {meetingRooms.length}개의 공간
@@ -356,34 +359,40 @@ const MeetingRoomIndex: React.FC = () => {
-
- {meetingRooms.map((room) => ( -
handleRoomClick(room.meetingRoomId)}> -
- {room.meetingRoomName} -
-
-
- {room.meetingRoomName} -
-
- floor -
- {room.meetingRoomFloor < 0 ? `B${Math.abs(room.meetingRoomFloor)}` : `${room.meetingRoomFloor}`}층 + {meetingRooms.length === 0 ? ( +
+ 조건에 맞는 미팅룸이 없습니다. +
+ ) : ( +
+ {meetingRooms.map((room) => ( +
handleRoomClick(room.meetingRoomId)}> +
+ {room.meetingRoomName} +
+
+
+ {room.meetingRoomName} +
+
+ floor +
+ {room.meetingRoomFloor < 0 ? `B${Math.abs(room.meetingRoomFloor)}` : `${room.meetingRoomFloor}`}층 +
+ capacity +
1~{room.meetingRoomCapacity}명
+
- capacity -
1~{room.meetingRoomCapacity}명
-
+ ))}
- ))} -
+ )}
{startTime && endTime && (