Commit 4a0d5496 authored by Kim, Subin's avatar Kim, Subin
Browse files

TimeTable text-center

parent 4656d091
...@@ -69,18 +69,18 @@ const TimeTable = ({ ticketInfo = { movieId: 0 }, setTicketInfo }) => { ...@@ -69,18 +69,18 @@ const TimeTable = ({ ticketInfo = { movieId: 0 }, setTicketInfo }) => {
{el.timetable.map(time => { {el.timetable.map(time => {
if (/ticket/g.test(history.location.pathname)) if (/ticket/g.test(history.location.pathname))
return <div className="d-inline-flex m-2"> return <div className="d-inline-flex m-2">
<div className={`card text-dark ${styles.cursor}`} onClick={() => handleClick(time)}> <div className={`card text-dark text-center ${styles.cursor}`} onClick={() => handleClick(time)}>
<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-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 className="card-footer py-1">{time.theater.rows * time.theater.columns - time.reservations} / {time.theater.rows * time.theater.columns}</div>
</div> </div>
</div> </div>
else return <div className="d-inline-flex flex-column m-2"> else return <div className="d-inline-flex flex-column m-2">
{/theater/g.test(history.location.pathname) ? null : <div className="d-flex justify-content-end"> {/theater/g.test(history.location.pathname) ? null : <div className="d-flex justify-content-end">
<button type="button" className={`btn btn-dark btn-sm shadow-none ${styles.customBtn}`} onClick={() => deleteTime(time.id)}>X</button> <button type="button" className={`btn btn-dark btn-sm shadow-none ${styles.customBtn}`} onClick={() => deleteTime(time.id)}>X</button>
</div>} </div>}
<div className={"card" + (/theater/g.test(history.location.pathname) ? " text-dark" : "")}> <div className={"card text-center" + (/theater/g.test(history.location.pathname) ? " text-dark" : "")}>
<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">{moment(time.start_time).format('HH:mm')} ~ {moment(time.end_time).format('HH:mm')}</div>
<div className="card-footer text-center py-1">{time.title}</div> <div className="card-footer py-1">{time.title}</div>
</div> </div>
</div> </div>
})} })}
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment