2017-12-09 23:00:19 +00:00
|
|
|
import React from 'react'
|
2018-05-12 18:05:23 +00:00
|
|
|
import PropTypes from 'prop-types'
|
2017-12-09 23:00:19 +00:00
|
|
|
|
2017-12-10 17:58:25 +00:00
|
|
|
import { EditorDeleteButton, EditorCancelButton } from './button'
|
2017-12-09 23:00:19 +00:00
|
|
|
|
2018-05-11 00:25:39 +00:00
|
|
|
const DeleteConfirmModal = ({onDeleteConfirm}) =>
|
2017-12-10 17:58:25 +00:00
|
|
|
<div className='modal fade' id='delete_confirm_modal' tabIndex='-1' role='dialog'>
|
|
|
|
<div className='modal-dialog' role='document'>
|
|
|
|
<div className='modal-content'>
|
|
|
|
<div className='modal-header'>
|
|
|
|
<h5 className='modal-title' id='exampleModalLabel'>Delete this document?</h5>
|
2017-12-09 23:00:19 +00:00
|
|
|
</div>
|
2017-12-10 17:58:25 +00:00
|
|
|
<div className='modal-body'>
|
2017-12-09 23:00:19 +00:00
|
|
|
Deleted documents are gone forever. Choose wisely.
|
|
|
|
</div>
|
2017-12-10 17:58:25 +00:00
|
|
|
<div className='modal-footer'>
|
|
|
|
<EditorCancelButton />
|
2018-05-11 00:25:39 +00:00
|
|
|
<EditorDeleteButton onClick={onDeleteConfirm} />
|
2017-12-09 23:00:19 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
2018-05-12 18:05:23 +00:00
|
|
|
DeleteConfirmModal.propTypes = {
|
|
|
|
onDeleteConfirm: PropTypes.func,
|
|
|
|
}
|
|
|
|
|
2017-12-09 23:00:19 +00:00
|
|
|
export default DeleteConfirmModal
|