refactored to prevent duplicate code

browser/main/Detail/MarkdownNoteDetail.js

@@ -176,16 +176,10 @@ class MarkdownNoteDetail extends React.Component {
   handleTrashButtonClick (e) {
     const { note } = this.state
     const { isTrashed } = note
-    const { config } = this.props
+    const { confirmDeletion } = this.props
 
     if (isTrashed) {
-      const dialogueButtonIndex = dialog.showMessageBox(remote.getCurrentWindow(), {
+      if (confirmDeletion(true)) {
-        type: 'warning',
-        message: 'Confirm note deletion',
-        detail: 'This will permanently remove this note.',
-        buttons: ['Confirm', 'Cancel']
-      })
-      if (dialogueButtonIndex === 1) return
         const {note, dispatch} = this.props
         dataApi
           .deleteNote(note.storage, note.key)
@@ -199,16 +193,9 @@ class MarkdownNoteDetail extends React.Component {
             }
             ee.once('list:moved', dispatchHandler)
           })
-    } else {
-      if (config.ui.confirmDeletion) {
-        const dialogueButtonIndex = dialog.showMessageBox(remote.getCurrentWindow(), {
-          type: 'warning',
-          message: 'Confirm note deletion',
-          detail: 'Are you sure you want to move the note to the trash?',
-          buttons: ['Confirm', 'Cancel']
-        })
-        if (dialogueButtonIndex === 1) return
       }
+    } else {
+      if (confirmDeletion()) {
         note.isTrashed = true
 
         this.setState({
@@ -217,6 +204,7 @@ class MarkdownNoteDetail extends React.Component {
           this.save()
         })
       }
+    }
     ee.emit('list:next')
   }
 
@@ -457,7 +445,8 @@ MarkdownNoteDetail.propTypes = {
   style: PropTypes.shape({
     left: PropTypes.number
   }),
-  ignorePreviewPointerEvents: PropTypes.bool
+  ignorePreviewPointerEvents: PropTypes.bool,
+  confirmDeletion: PropTypes.bool.isRequired
 }
 
 export default CSSModules(MarkdownNoteDetail, styles)

browser/main/Detail/SnippetNoteDetail.js

@@ -175,16 +175,10 @@ class SnippetNoteDetail extends React.Component {
   handleTrashButtonClick (e) {
     const { note } = this.state
     const { isTrashed } = note
-    const { config } = this.props
+    const { confirmDeletion } = this.props
 
     if (isTrashed) {
-      const dialogueButtonIndex = dialog.showMessageBox(remote.getCurrentWindow(), {
+      if (confirmDeletion(true)) {
-        type: 'warning',
-        message: 'Confirm note deletion',
-        detail: 'This will permanently remove this note.',
-        buttons: ['Confirm', 'Cancel']
-      })
-      if (dialogueButtonIndex === 1) return
         const {note, dispatch} = this.props
         dataApi
           .deleteNote(note.storage, note.key)
@@ -198,17 +192,9 @@ class SnippetNoteDetail extends React.Component {
             }
             ee.once('list:moved', dispatchHandler)
           })
-    } else {
-      if (config.ui.confirmDeletion) {
-        const dialogueButtonIndex = dialog.showMessageBox(remote.getCurrentWindow(), {
-          type: 'warning',
-          message: 'Confirm note deletion',
-          detail: 'Are you sure you want to move the note to the trash?',
-          buttons: ['Confirm', 'Cancel']
-        })
-        if (dialogueButtonIndex === 1) return
       }
-
+    } else {
+      if (confirmDeletion()) {
         note.isTrashed = true
 
         this.setState({
@@ -217,6 +203,8 @@ class SnippetNoteDetail extends React.Component {
           this.save()
         })
       }
+
+    }
     ee.emit('list:next')
   }
 
@@ -740,7 +728,8 @@ SnippetNoteDetail.propTypes = {
   style: PropTypes.shape({
     left: PropTypes.number
   }),
-  ignorePreviewPointerEvents: PropTypes.bool
+  ignorePreviewPointerEvents: PropTypes.bool,
+  confirmDeletion: PropTypes.bool.isRequired
 }
 
 export default CSSModules(SnippetNoteDetail, styles)

browser/main/Detail/index.js

@@ -32,6 +32,26 @@ class Detail extends React.Component {
     ee.off('detail:delete', this.deleteHandler)
   }
 
+  confirmDeletion (permanent) {
+    if (this.props.config.ui.confirmDeletion || permanent) {
+      const electron = require('electron')
+      const { remote } = electron
+      const { dialog } = remote
+
+      const alertConfig = {
+        type: 'warning',
+        message: 'Confirm note deletion',
+        detail: 'This will permanently remove this note.',
+        buttons: ['Confirm', 'Cancel']
+      }
+
+      const dialogueButtonIndex = dialog.showMessageBox(remote.getCurrentWindow(), alertConfig)
+      return dialogueButtonIndex === 0
+    }
+
+    return true
+  }
+
   render () {
     const { location, data, config } = this.props
     let note = null
@@ -64,6 +84,7 @@ class Detail extends React.Component {
         <SnippetNoteDetail
           note={note}
           config={config}
+          confirmDeletion={(permanent) => this.confirmDeletion(permanent)}
           ref='root'
           {..._.pick(this.props, [
             'dispatch',
@@ -80,6 +101,7 @@ class Detail extends React.Component {
       <MarkdownNoteDetail
         note={note}
         config={config}
+        confirmDeletion={(permanent) => this.confirmDeletion(permanent)}
         ref='root'
         {..._.pick(this.props, [
           'dispatch',