|
|
|
@ -1,6 +1,6 @@
|
|
|
|
|
import React from 'react'; |
|
|
|
|
import { Edit, Image, Trash2 } from 'react-feather'; |
|
|
|
|
import { Button, Label, Media } from 'reactstrap'; |
|
|
|
|
import { Button, Label, Media, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap'; |
|
|
|
|
|
|
|
|
|
export const BasisDronImage = props => { |
|
|
|
|
return ( |
|
|
|
@ -50,6 +50,29 @@ export const BasisDronImage = props => {
|
|
|
|
|
</span> |
|
|
|
|
</Button.Ripple> |
|
|
|
|
</div> |
|
|
|
|
<div className='vertically-centered-modal'> |
|
|
|
|
<Modal |
|
|
|
|
isOpen={props.modal.isOpen} |
|
|
|
|
toggle={() => props.setModal({ ...props.modal, isOpen: !props.modal.isOpen })} |
|
|
|
|
modalClassName={props.modal.color} |
|
|
|
|
className='modal-dialog-centered' |
|
|
|
|
> |
|
|
|
|
<ModalHeader |
|
|
|
|
toggle={() => props.setModal({ ...props.modal, isOpen: !props.modal.isOpen })} |
|
|
|
|
> |
|
|
|
|
{props.modal.title} |
|
|
|
|
</ModalHeader> |
|
|
|
|
<ModalBody>{props.modal.desc}</ModalBody> |
|
|
|
|
<ModalFooter> |
|
|
|
|
<Button |
|
|
|
|
color='danger' |
|
|
|
|
onClick={() => props.setModal({ ...props.modal, isOpen: !props.modal.isOpen })} |
|
|
|
|
> |
|
|
|
|
확인 |
|
|
|
|
</Button> |
|
|
|
|
</ModalFooter> |
|
|
|
|
</Modal> |
|
|
|
|
</div> |
|
|
|
|
{/* <div className='sm-txt mt-1'>이미지 최적 크기 300*300</div> */} |
|
|
|
|
</Media> |
|
|
|
|
</Media> |
|
|
|
|