Delete service confirmation (#1328)

1 files changed, 19 insertions, 3 deletions

diff --git a/src/components/services/tabs/TabItem.js b/src/components/services/tabs/TabItem.js
index 479f151a6..75611f77c 100644
--- a/src/components/services/tabs/TabItem.js
+++ b/src/components/services/tabs/TabItem.js
@@ -14,7 +14,7 @@ import { ctrlKey, cmdKey } from '../../../environment';
 
 const IS_SERVICE_DEBUGGING_ENABLED = (localStorage.getItem('debug') || '').includes('Franz:Service');
 
-const { Menu } = remote;
+const { Menu, dialog, app } = remote;
 
 const messages = defineMessages({
   reload: {
@@ -53,6 +53,10 @@ const messages = defineMessages({
     id: 'tabs.item.deleteService',
     defaultMessage: '!!!Delete Service',
   },
+  confirmDeleteService: {
+    id: 'tabs.item.confirmDeleteService',
+    defaultMessage: '!!!Do you really want to delete the {serviceName} service?',
+  },
 });
 
 const styles = {
@@ -147,7 +151,6 @@ const styles = {
     } = this.props;
     const { intl } = this.context;
 
-
     const menuTemplate = [{
       label: service.name || service.recipe.name,
       enabled: false,
@@ -181,7 +184,20 @@ const styles = {
       type: 'separator',
     }, {
       label: intl.formatMessage(messages.deleteService),
-      click: () => deleteService(),
+      click: () => {
+        const selection = dialog.showMessageBoxSync(app.mainWindow, {
+          type: 'question',
+          message: intl.formatMessage(messages.deleteService),
+          detail: intl.formatMessage(messages.confirmDeleteService, { serviceName: service.name || service.recipe.name }),
+          buttons: [
+            'Yes',
+            'No',
+          ],
+        });
+        if (selection === 0) {
+          deleteService();
+        }
+      },
     }];
     const menu = Menu.buildFromTemplate(menuTemplate);