|
|
|
@ -34,17 +34,15 @@ export default function ControlReservation({ modal, handler }) {
|
|
|
|
|
return stepNumber === currentStep ? 'active-step' : 'inactive-step'; |
|
|
|
|
} |
|
|
|
|
return ( |
|
|
|
|
<div |
|
|
|
|
className='vertically-centered-modal' |
|
|
|
|
> |
|
|
|
|
<Modal |
|
|
|
|
<div className='vertically-centered-modal'> |
|
|
|
|
{/* <Modal |
|
|
|
|
isOpen={modal} |
|
|
|
|
toggle={handler} |
|
|
|
|
className='modal-dialog-centered modal-lg modal-uam-reservation' |
|
|
|
|
> |
|
|
|
|
<ModalHeader |
|
|
|
|
> */} |
|
|
|
|
{/* <ModalHeader |
|
|
|
|
toggle={handler} |
|
|
|
|
> |
|
|
|
|
> */} |
|
|
|
|
{search ? ( |
|
|
|
|
reserveStep !== 4 ? ( |
|
|
|
|
<div className='uam-reservation-header'> |
|
|
|
@ -61,9 +59,7 @@ export default function ControlReservation({ modal, handler }) {
|
|
|
|
|
) : ( |
|
|
|
|
<div className='uam-reservation-header'> |
|
|
|
|
<h4>도심항공교통(UAM) 예약</h4> |
|
|
|
|
<div> |
|
|
|
|
결제완료 |
|
|
|
|
</div> |
|
|
|
|
<div>결제완료</div> |
|
|
|
|
</div> |
|
|
|
|
) |
|
|
|
|
) : ( |
|
|
|
@ -77,8 +73,8 @@ export default function ControlReservation({ modal, handler }) {
|
|
|
|
|
</ul> |
|
|
|
|
</div> |
|
|
|
|
)} |
|
|
|
|
</ModalHeader> |
|
|
|
|
<ModalBody> |
|
|
|
|
{/* </ModalHeader> */} |
|
|
|
|
{/* <ModalBody> */} |
|
|
|
|
{!search ? ( |
|
|
|
|
<div> |
|
|
|
|
<div> |
|
|
|
@ -88,9 +84,7 @@ export default function ControlReservation({ modal, handler }) {
|
|
|
|
|
active={activeTab === 1} |
|
|
|
|
onClick={() => setActiveTab(1)} |
|
|
|
|
> |
|
|
|
|
<span> |
|
|
|
|
왕복 |
|
|
|
|
</span> |
|
|
|
|
<span>왕복</span> |
|
|
|
|
</NavLink> |
|
|
|
|
</NavItem> |
|
|
|
|
<NavItem> |
|
|
|
@ -98,27 +92,51 @@ export default function ControlReservation({ modal, handler }) {
|
|
|
|
|
active={activeTab === 2} |
|
|
|
|
onClick={() => setActiveTab(2)} |
|
|
|
|
> |
|
|
|
|
<span> |
|
|
|
|
편도 |
|
|
|
|
</span> |
|
|
|
|
<span>편도</span> |
|
|
|
|
</NavLink> |
|
|
|
|
</NavItem> |
|
|
|
|
</Nav> |
|
|
|
|
</div> |
|
|
|
|
<div className='uam-reservation-tab-list'> |
|
|
|
|
<div className={`list ${airTraficCheck === 1 ? 'active' : ''}`} onClick={() => {setAirTraficCheck(1);}}> |
|
|
|
|
<div |
|
|
|
|
className={`list ${airTraficCheck === 1 ? 'active' : ''}`} |
|
|
|
|
onClick={() => { |
|
|
|
|
setAirTraficCheck(1); |
|
|
|
|
}} |
|
|
|
|
> |
|
|
|
|
출발지 |
|
|
|
|
</div> |
|
|
|
|
<div className={`list ${airTraficCheck === 2 ? 'active' : ''}`} onClick={() => {setAirTraficCheck(2);}}> |
|
|
|
|
<div |
|
|
|
|
className={`list ${airTraficCheck === 2 ? 'active' : ''}`} |
|
|
|
|
onClick={() => { |
|
|
|
|
setAirTraficCheck(2); |
|
|
|
|
}} |
|
|
|
|
> |
|
|
|
|
도착지 |
|
|
|
|
</div> |
|
|
|
|
<div className={`list ${airTraficCheck === 3 ? 'active' : ''}`} onClick={() => {setAirTraficCheck(3);}}> |
|
|
|
|
<div |
|
|
|
|
className={`list ${airTraficCheck === 3 ? 'active' : ''}`} |
|
|
|
|
onClick={() => { |
|
|
|
|
setAirTraficCheck(3); |
|
|
|
|
}} |
|
|
|
|
> |
|
|
|
|
탑승일 |
|
|
|
|
</div> |
|
|
|
|
<div className={`list ${airTraficCheck === 4 ? 'active' : ''}`} onClick={() => {setAirTraficCheck(4);}}> |
|
|
|
|
<div |
|
|
|
|
className={`list ${airTraficCheck === 4 ? 'active' : ''}`} |
|
|
|
|
onClick={() => { |
|
|
|
|
setAirTraficCheck(4); |
|
|
|
|
}} |
|
|
|
|
> |
|
|
|
|
탑승객 |
|
|
|
|
</div> |
|
|
|
|
<div className={`list finish ${isChoise ? 'active' : ''}`} onClick={() => {setSearch(true); setStep(2);}}> |
|
|
|
|
<div |
|
|
|
|
className={`list finish ${isChoise ? 'active' : ''}`} |
|
|
|
|
onClick={() => { |
|
|
|
|
setSearch(true); |
|
|
|
|
setStep(2); |
|
|
|
|
}} |
|
|
|
|
> |
|
|
|
|
항공교통 조회 |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
@ -168,18 +186,14 @@ export default function ControlReservation({ modal, handler }) {
|
|
|
|
|
) : ( |
|
|
|
|
<div> |
|
|
|
|
<div> |
|
|
|
|
<button |
|
|
|
|
onClick={handler} |
|
|
|
|
> |
|
|
|
|
확인 |
|
|
|
|
</button> |
|
|
|
|
<button onClick={handler}>확인</button> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
)} |
|
|
|
|
</> |
|
|
|
|
)} |
|
|
|
|
</ModalBody> |
|
|
|
|
</Modal> |
|
|
|
|
{/* </ModalBody> */} |
|
|
|
|
{/* </Modal> */} |
|
|
|
|
</div> |
|
|
|
|
); |
|
|
|
|
} |
|
|
|
|