|
|
@ -23,6 +23,7 @@ import { |
|
|
|
} from './steps'; |
|
|
|
} from './steps'; |
|
|
|
import { CustomMainLayout } from '../../../components/layout/CustomMainLayout'; |
|
|
|
import { CustomMainLayout } from '../../../components/layout/CustomMainLayout'; |
|
|
|
import { ChevronRight } from 'react-feather'; |
|
|
|
import { ChevronRight } from 'react-feather'; |
|
|
|
|
|
|
|
import AppCollapse from '@components/app-collapse'; |
|
|
|
|
|
|
|
|
|
|
|
export default function ControlReservation({ modal, handler }) { |
|
|
|
export default function ControlReservation({ modal, handler }) { |
|
|
|
const [activeTab, setActiveTab] = useState(1); |
|
|
|
const [activeTab, setActiveTab] = useState(1); |
|
|
@ -32,6 +33,27 @@ export default function ControlReservation({ modal, handler }) { |
|
|
|
const [search, setSearch] = useState(false); |
|
|
|
const [search, setSearch] = useState(false); |
|
|
|
const [reserveStep, setReserveStep] = useState(1); |
|
|
|
const [reserveStep, setReserveStep] = useState(1); |
|
|
|
const titleName = '도심항공교통(UAM) 예약'; |
|
|
|
const titleName = '도심항공교통(UAM) 예약'; |
|
|
|
|
|
|
|
const data = [ |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
title: ( |
|
|
|
|
|
|
|
<div> |
|
|
|
|
|
|
|
<div> |
|
|
|
|
|
|
|
<span>여정1 선택완료</span> |
|
|
|
|
|
|
|
<span>여정2 선택완료</span> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
), |
|
|
|
|
|
|
|
content: ( |
|
|
|
|
|
|
|
<div className='mb-0'> |
|
|
|
|
|
|
|
Brownie sweet carrot cake dragée caramels fruitcake. Gummi bears |
|
|
|
|
|
|
|
tootsie roll croissant gingerbread dragée tootsie roll. Cookie |
|
|
|
|
|
|
|
caramels tootsie roll pie. Sesame snaps cookie cake donut wafer. Wafer |
|
|
|
|
|
|
|
cookie jelly-o candy muffin cake. Marzipan topping lollipop. Gummies |
|
|
|
|
|
|
|
chocolate sugar plum. |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
]; |
|
|
|
|
|
|
|
|
|
|
|
function getStepColorClass(stepNumber, currentStep) { |
|
|
|
function getStepColorClass(stepNumber, currentStep) { |
|
|
|
return stepNumber === currentStep ? 'active-step' : 'inactive-step'; |
|
|
|
return stepNumber === currentStep ? 'active-step' : 'inactive-step'; |
|
|
@ -231,8 +253,11 @@ export default function ControlReservation({ modal, handler }) { |
|
|
|
</> |
|
|
|
</> |
|
|
|
)} |
|
|
|
)} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div className='text1'> |
|
|
|
{/* 하단 total 생성 될때 최상단 content-wrapper에 |
|
|
|
<div className='test'>예약확인푸터</div> |
|
|
|
padding-bottom:5rem이 추가되어야함 그래야 취소 다음 버튼이 보임
|
|
|
|
|
|
|
|
현재 임시로 css에서 강제로 important 준 상태*/} |
|
|
|
|
|
|
|
<div className='uam-reservation-total'> |
|
|
|
|
|
|
|
<AppCollapse data={data} /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</CustomMainLayout> |
|
|
|
</CustomMainLayout> |
|
|
|