From 749996f284e616e3521185512984f25877d31f75 Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Tue, 19 Jan 2021 16:43:06 +0300
Subject: [PATCH] Fixing button colors in update notification (#1986)

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 src/main/app-updater.ts                    | 10 +++++-----
 src/renderer/components/button/button.scss |  9 +++++++++
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/main/app-updater.ts b/src/main/app-updater.ts
index f11c67e673..8cbccbca64 100644
--- a/src/main/app-updater.ts
+++ b/src/main/app-updater.ts
@@ -64,17 +64,17 @@ async function autoUpdateCheck(windowManager: WindowManager): Promise<void> {
         {
           label: "Yes, now",
           backchannel: yesNowChannel,
-          action: true,
+          className: "light"
         },
         {
           label: "Yes, on quit",
           backchannel: yesLaterChannel,
-          action: true,
+          className: "primary outline"
         },
         {
-          label: "No",
+          label: "Remind later",
           backchannel: noChannel,
-          secondary: true
+          className: "primary outline"
         }
       ],
       closeChannel: noChannel,
@@ -99,7 +99,7 @@ export function startUpdateChecking(windowManager: WindowManager, interval = 100
     .on("update-available", async (args: UpdateInfo) => {
       try {
         const releaseDate = moment(args.releaseDate);
-        const body = `Version ${args.version} was released on ${releaseDate.format("dddd, MMMM Do, yyyy")}.`;
+        const body = `Version ${args.version} of Lens IDE is now available. Would you like to update?`;
         windowManager.mainView.webContents.send(NotificationChannelAdd, {
           title,
           body,
diff --git a/src/renderer/components/button/button.scss b/src/renderer/components/button/button.scss
index 188d82f9cb..4ee276179d 100644
--- a/src/renderer/components/button/button.scss
+++ b/src/renderer/components/button/button.scss
@@ -33,6 +33,15 @@
     background: $buttonSecondaryBackground;
   }
 
+  &.outline {
+    border: 1px solid;
+  }
+
+  &.light {
+    background-color: white;
+    color: #505050;
+  }
+
   &.plain {
     color: inherit;
     background: transparent;