From f1b1571ba64fb94d7385f8217e535004eb299008 Mon Sep 17 00:00:00 2001
From: Vishwas Shashidhar <vishwas.shashidhar@symphony.com>
Date: Tue, 19 Mar 2019 20:26:11 +0530
Subject: [PATCH] ELECTRON-967: disable cancel retry button

Disable cancel retry button when user has already clicked on it
---
 js/networkError/index.js  | 11 +++++++----
 js/networkError/style.css |  8 +++++++-
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/js/networkError/index.js b/js/networkError/index.js
index e51b6163..b4068c93 100644
--- a/js/networkError/index.js
+++ b/js/networkError/index.js
@@ -21,17 +21,20 @@ class NetworkError {
 
         // Add event listeners for buttons
         const cancelRetryButton = errorContent.getElementById('cancel-retry-button');
-        cancelRetryButton.addEventListener('click', () => {
+        const cancelRetry = () => {
             ipcRenderer.send(apiName, {
                 cmd: apiCmds.cancelNetworkStatusCheck
             });
-        });
+            cancelRetryButton.classList.add('disabled');
+            cancelRetryButton.removeEventListener('click', cancelRetry);
+        };
+        cancelRetryButton.addEventListener('click', cancelRetry);
         
         const quitButton = errorContent.getElementById('quit-button');
         quitButton.addEventListener('click', () => {
             ipcRenderer.send(apiName, {
                 cmd: apiCmds.quitWindow
-            })
+            });
         });
 
         const mainFrame = errorContent.getElementById('main-frame');
@@ -41,4 +44,4 @@ class NetworkError {
 
 module.exports = {
     NetworkError,
-};
\ No newline at end of file
+};
diff --git a/js/networkError/style.css b/js/networkError/style.css
index e5a4dd40..527f74a3 100644
--- a/js/networkError/style.css
+++ b/js/networkError/style.css
@@ -68,4 +68,10 @@ a {
     padding: 10px 24px;
     transition: box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1);
     user-select: none;
-}
\ No newline at end of file
+}
+
+.disabled {
+    cursor: not-allowed;
+    background: #cccccc;
+    color: #666666;
+}