timetable icon, reservation 버그

client/src/components/Admin/TimeTable.js

@@ -69,7 +69,7 @@ const TimeTable = ({ ticketInfo = { movieId: 0 }, setTicketInfo }) => {
                         if (ticketInfo)
                             return <div className="d-inline-flex m-2">
                                 <div className={`card text-dark ${styles.cursor}`} onClick={() => handleClick(time)}>
-                                    <div className="card-body py-1">{moment(time.start_time).format('HH:mm')} ~ {moment(time.end_time).format('HH:mm')}</div>
+                                    <div className="card-body py-1"><img src={`${time.partTime==="morning"?'/images/sun.svg': time.partTime==="night"?'/images/moon.svg' :'...'} `} style={{width:'20px'}} alt=""/>{moment(time.start_time).format('HH:mm')} ~ {moment(time.end_time).format('HH:mm')}</div>
                                     <div className="card-footer text-center py-1">{time.theater.rows * time.theater.columns - time.reservations} / {time.theater.rows * time.theater.columns}</div>
                                 </div>
                             </div>

client/src/components/BoxOffice/BoxOffice.js

-import { useState, useEffect } from "react"
-
-const BoxOffice = ({TMDB_TopRated_Data}) => {
+const BoxOffice = ({ TMDB_TopRated_Data }) => {
 
     return (
         <div className="container text-center my-3">
-            {/* <div id="carouselExampleControls" className="carousel slide" data-bs-ride="carousel">
+            {console.log(TMDB_TopRated_Data)}
+            <div id="carouselExampleControls" className="carousel slide" data-bs-ride="carousel">
                 <div className="carousel-inner">
-                    {TMDB_TopRated_Data.length>0
+                    {TMDB_TopRated_Data.length > 0
                         ?
                         TMDB_TopRated_Data.map((movie, index) => {
-                            <div  className={`carousel-item ${index === 0 ? "active" : ""}`}>
+                            <div className={`carousel-item ${index === 0 ? " active" : ""}`}>
                                 {console.log(movie.poster_path)}
-                                <img src={`https://image.tmdb.org/t/p/original${movie.poster_path}`} className="d-block w-100" alt="Movie Poster"/>
+                                <img src={`https://image.tmdb.org/t/p/original${movie.poster_path}`} className="d-block w-100" alt="Movie Poster" />
                             </div>
                         })
                         :
@@ -29,7 +28,7 @@ const BoxOffice = ({TMDB_TopRated_Data}) => {
                     <span className="carousel-control-next-icon" aria-hidden="true"></span>
                     <span className="visually-hidden">Next</span>
                 </button>
-            </div> */}
+            </div>
 
         </div>
     )

client/src/components/Collection.js

@@ -24,24 +24,23 @@ const Collection = ({ TMDB_TopRated_Data }) => {
         <>
             <h2 className="fw-bold text-white text-center my-5">Movie Collection</h2>
             <div className="d-flex justify-content-sm-center" style={{ marginBottom: "8rem" }}>
-                <div className="col-md-8">
+                <div className="col-sm-8">
                     {videoUrls.length > 0
                         ?
-                        <div className="">
                         <div className="ratio ratio-16x9">
                             <iframe src={`https://www.youtube.com/embed/${videoUrls[0].key}`} title="YouTube video" allowFullScreen></iframe>
                         </div>
-                        </div>
-
                         : <div className="text-center">예고편 정보가 존재하지 않습니다.</div>}
                 </div>
+                <div className="col-sm-3">
                     {TMDB_TopRated_Data.length > 0
                         ?
-                    <img src={`https://image.tmdb.org/t/p/original${TMDB_TopRated_Data[0].poster_path}`} className="col-md-3 bg-black" />
+                        <img src={`https://image.tmdb.org/t/p/original${TMDB_TopRated_Data[0].poster_path}`} className="img-fluid bg-black" />
                         :
-                    <div className="col-md-3"></div>
+                        <div></div>
                     }
                 </div>
+            </div>
         </>
     )
 }

client/src/components/Movie/index.js

-export { default } from './Movie'

client/src/pages/TicketingSeatPage.js

@@ -42,7 +42,7 @@ const TicketingSeatPage = ({ location }) => {
         try {
             setError("")
             const response = await axios.post('/api/theater/getInfo', {
-                theaterId: ticketInfo.selectedTheater
+                theaterId: ticketInfo.theaterId
             })
             setTheaterInfo(response.data)
             const response2 = await reservationApi.findReservedSeats(ticketInfo.timetableId);
@@ -158,10 +158,10 @@ const TicketingSeatPage = ({ location }) => {
                     </div>
                 </div>
                 <div className="row justify-content-center border p-5 ">
-                    <div className="col-sm-8">
+                    <div className="col-md-8">
                         <SeatTable count={count} setSelectedSeats={setSelectedSeats} selectedSeats={selectedSeats} theaterInfo={theaterInfo} reservedSeats={reservedSeats} />
                     </div>
-                    <div className="col-sm-4 mt-5">
+                    <div className="col-md-4 mt-5">
                         <div>
                             <button className={styles.on} style={{ height: '1rem', width: '1rem' }} disabled></button>
                             <span> 선택됨</span>

server/controllers/reservation.controller.js

@@ -51,7 +51,7 @@ const findOneReservation = async (req, res, next) => {
 }
 const saveReservation = async (req, res) => {
     try {
-        const { movieId, selectedTheater, timetableId, payment, user, userType, totalFee } = req.body
+        const { movieId, theaterId, timetableId, payment, user, userType, totalFee } = req.body
         const rows = req.body.selectedSeats.map(el => el.split('-')[0])
         const cols = req.body.selectedSeats.map(el => el.split('-')[1])
         for (let index = 0; index < rows.length; index++) {
@@ -62,7 +62,7 @@ const saveReservation = async (req, res) => {
                 row: rows[index],
                 col: cols[index],
                 timetableId: timetableId,
-                theaterId: selectedTheater,
+                theaterId: theaterId,
                 payment: payment,
                 totalFee: totalFee,
             })