make delete confirmation dialog more generic

Author: phated

plugins/sidebar/file-operations.js

@@ -8,7 +8,7 @@ require('react-mfb-iceddev/mfb.css');
 
 const NewFileOverlay = require('./overlays/new-file');
 const DownloadOverlay = require('./overlays/download');
-const DeleteFileOverlay = require('./overlays/delete-file');
+const DeleteConfirmOverlay = require('./overlays/delete-confirm');
 
 const FileOperations = React.createClass({
   saveFile: function(evt){
@@ -103,8 +103,8 @@ const FileOperations = React.createClass({
     const space = this.props.workspace;
 
     const component = (
-      <DeleteFileOverlay
-        filename={space.filename.deref()}
+      <DeleteConfirmOverlay
+        name={space.filename.deref()}
         onAccept={this.deleteFile}
         onCancel={this.hideOverlay} />
     );
@@ -125,7 +125,9 @@ const FileOperations = React.createClass({
   render: function(){
     return (
       <Menu effect="zoomin" method="click" position="bl">
-        <MainButton iconResting="ion-plus-round" iconActive="ion-close-round" />
+        <MainButton
+          iconResting="ion-plus-round"
+          iconActive="ion-close-round" />
         <ChildButton
           onClick={this.showDownloadOverlay}
           icon="ion-code-download"

plugins/sidebar/overlays/delete-file.js renamed to plugins/sidebar/overlays/delete-confirm.js

@@ -6,15 +6,15 @@ const Button = require('react-material/components/Button');
 
 const styles = require('../styles');
 
-class DeleteFileOverlay extends React.Component {
+class DeleteConfirmOverlay extends React.Component {
   constructor(){
     this.onAccept = this.onAccept.bind(this);
     this.onCancel = this.onCancel.bind(this);
   }
 
   onAccept(evt){
     if(typeof this.props.onAccept === 'function'){
-      this.props.onAccept(this.props.filename, evt);
+      this.props.onAccept(this.props.name, evt);
     }
   }
 
@@ -27,7 +27,7 @@ class DeleteFileOverlay extends React.Component {
   render(){
     return (
       <Card styles={styles.overlay}>
-        <h3 style={styles.overlayTitle}>Are you you want to delete {this.props.filename}?</h3>
+        <h3 style={styles.overlayTitle}>Are you you want to delete {this.props.name}?</h3>
         <div style={styles.overlayButtonContainer}>
           <Button onClick={this.onAccept}>Yes</Button>
           <Button onClick={this.onCancel}>No</Button>
@@ -37,4 +37,4 @@ class DeleteFileOverlay extends React.Component {
   }
 }
 
-module.exports = DeleteFileOverlay;
+module.exports = DeleteConfirmOverlay;