fix(GeneralSettings): warn user before deleting project

Author: landonreed

lib/manager/components/GeneralSettings.js

@@ -4,9 +4,11 @@ import ReactDOM from 'react-dom'
 import DateTimeField from 'react-bootstrap-datetimepicker'
 import update from 'react-addons-update'
 import { shallowEqual } from 'react-pure-render'
+import { browserHistory } from 'react-router'
 import moment from 'moment'
 import { Row, Col, Button, Panel, Glyphicon, Checkbox, FormGroup, InputGroup, ControlLabel, FormControl, ListGroup, ListGroupItem } from 'react-bootstrap'
 
+import ConfirmModal from '../../common/components/ConfirmModal'
 import { getMessage, getComponentMessages } from '../../common/util/config'
 import TimezoneSelect from '../../common/components/TimezoneSelect'
 import LanguageSelect from '../../common/components/LanguageSelect'
@@ -26,14 +28,25 @@ export default class GeneralSettings extends Component {
   shouldComponentUpdate (nextProps, nextState) {
     return !shallowEqual(nextProps, this.props) || !shallowEqual(nextState, this.state)
   }
+  confirmDeleteProject (project, messages) {
+    this.refs.confirm.open({
+      title: 'Delete Project?',
+      body: 'Are you sure you want to delete this project? This action cannot be undone and all feed sources and their versions will be permanently deleted.',
+      onConfirm: () => {
+        this.props.deleteProject(project)
+        .then(() => browserHistory.push(`/home`))
+      }
+    })
+  }
   render () {
     const messages = getComponentMessages('ProjectSettings')
-    const { project, editDisabled, updateProjectSettings, deleteProject } = this.props
+    const { project, editDisabled, updateProjectSettings } = this.props
     const noEdits = Object.keys(this.state.general).length === 0 && this.state.general.constructor === Object
     const autoFetchChecked = typeof this.state.general.autoFetchFeeds !== 'undefined' ? this.state.general.autoFetchFeeds : project.autoFetchFeeds
     const DEFAULT_FETCH_TIME = moment().startOf('day').add(2, 'hours')
     return (
       <div className='general-settings-panel'>
+        <ConfirmModal ref='confirm' />
         <Panel header={<h4>{getMessage(messages, 'title')}</h4>}>
           <ListGroup fill>
             <ListGroupItem>
@@ -227,9 +240,11 @@ export default class GeneralSettings extends Component {
         <Panel bsStyle='danger' header={<h3>Danger zone</h3>}>
           <ListGroup fill>
             <ListGroupItem>
-              <Button onClick={() => deleteProject(project)} className='pull-right' bsStyle='danger'><Icon type='trash' /> Delete organization</Button>
-              <h4>Delete this organization.</h4>
-              <p>Once you delete an organization, the organization and all feed sources it contains cannot be recovered.</p>
+              <Button onClick={() => this.confirmDeleteProject(project, messages)} className='pull-right' bsStyle='danger'>
+                <Icon type='trash' /> Delete project
+              </Button>
+              <h4>Delete this project.</h4>
+              <p>Once you delete an project, the project and all feed sources it contains cannot be recovered.</p>
             </ListGroupItem>
           </ListGroup>
         </Panel>