Improved modal text

This commit is contained in:
Alejandro Celaya 2018-07-20 22:30:54 +02:00
parent f0c20a2d1a
commit 3b104b0ead

View file

@ -12,8 +12,11 @@ export const DeleteServerModal = ({ server, deleteServer, toggle, history, isOpe
return ( return (
<Modal isOpen={isOpen} toggle={toggle} centered={true}> <Modal isOpen={isOpen} toggle={toggle} centered={true}>
<ModalHeader toggle={toggle}>Delete server</ModalHeader> <ModalHeader toggle={toggle}><span className="text-danger">Delete server</span></ModalHeader>
<ModalBody>Are you sure you want to delete server <b>{server ? server.name : ''}</b>.</ModalBody> <ModalBody>
<p>Are you sure you want to delete server <b>{server ? server.name : ''}</b>?</p>
<p>No data will be deleted, only the access to that server will be removed from this host. You can create it again at any moment.</p>
</ModalBody>
<ModalFooter> <ModalFooter>
<button className="btn btn-link" onClick={toggle}>Cancel</button> <button className="btn btn-link" onClick={toggle}>Cancel</button>
<button className="btn btn-danger" onClick={() => closeModal()}>Delete</button> <button className="btn btn-danger" onClick={() => closeModal()}>Delete</button>