노승철
2 years ago
7 changed files with 139 additions and 6 deletions
@ -0,0 +1,29 @@ |
|||||||
|
import { useState } from 'react'; |
||||||
|
import { Button, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap'; |
||||||
|
import FlightPlanAreaContainer from '../../../../containers/basis/flight/plan/FlightPlanAreaContainer'; |
||||||
|
|
||||||
|
export const FlightPlanModal = ({isOpen, title, description, type, handleModal}) => {
|
||||||
|
|
||||||
|
return ( |
||||||
|
<div className='vertically-centered-modal'> |
||||||
|
<Modal |
||||||
|
isOpen={isOpen} |
||||||
|
toggle={() => |
||||||
|
handleModal(({target: type, isOpen: false})) |
||||||
|
}
|
||||||
|
className='modal-dialog-centered modal-xl' |
||||||
|
> |
||||||
|
<ModalHeader |
||||||
|
toggle={() => |
||||||
|
handleModal(({target: type, isOpen: false})) |
||||||
|
} |
||||||
|
> |
||||||
|
{title} |
||||||
|
</ModalHeader> |
||||||
|
<ModalBody> |
||||||
|
{description} |
||||||
|
</ModalBody> |
||||||
|
</Modal> |
||||||
|
</div> |
||||||
|
); |
||||||
|
}; |
Loading…
Reference in new issue