some where in the middle

Author: Rishabh4275

src/main/preload.ts

@@ -29,7 +29,9 @@ const validChannels = {
     'check-for-updates',
     'check-for-updates-menu',
     'download-update',
+    'download-and-install',
     'install-update',
+    'enable-auto-install',
     'get-update-status',
     'get-app-version',
   ],

src/main/updater.ts

@@ -114,10 +114,33 @@ export class AppUpdater {
 
     ipcMain.handle('download-update', async () => {
       try {
-        await autoUpdater.downloadUpdate();
-        return { success: true };
+        log.info('[AppUpdater] Download request received');
+        
+        // Check if already downloaded first
+        if (this.lastStatus === 'downloaded') {
+          log.info('[AppUpdater] Update already downloaded, notifying UI');
+          this.sendStatusToWindow('downloaded', this.lastInfo);
+          return { success: true, alreadyDownloaded: true };
+        }
+        
+        // If we have update info but no download yet, start download
+        if (this.lastInfo && this.lastStatus === 'available') {
+          log.info('[AppUpdater] Starting download for available update');
+          this.sendStatusToWindow('downloading', this.lastInfo, undefined, { percent: 0, transferred: 0, total: 0 });
+          
+          await autoUpdater.downloadUpdate();
+          log.info('[AppUpdater] Download completed');
+          return { success: true };
+        }
+        
+        // No update available
+        log.warn('[AppUpdater] No update available to download');
+        this.sendStatusToWindow('error', null, 'No update available to download');
+        return { success: false, error: 'No update available to download' };
+        
       } catch (error) {
         log.error('[AppUpdater] Download failed:', error);
+        this.sendStatusToWindow('error', null, error instanceof Error ? error.message : 'Unknown error');
         return { success: false, error: error instanceof Error ? error.message : 'Unknown error' };
       }
     });
@@ -189,6 +212,42 @@ export class AppUpdater {
         this.checkPromise = null;
       }
     });
+
+    ipcMain.handle('enable-auto-install', () => {
+      log.info('[AppUpdater] Enabling auto-install on next quit');
+      autoUpdater.autoInstallOnAppQuit = true;
+      return { success: true };
+    });
+
+    ipcMain.handle('download-and-install', async () => {
+      try {
+        log.info('[AppUpdater] Download and install requested');
+        
+        // Check current status
+        if (this.lastStatus === 'downloaded') {
+          log.info('[AppUpdater] Update already downloaded, ready to install');
+          return { success: true, readyToInstall: true };
+        }
+        
+        if (this.lastStatus === 'available' && this.lastInfo) {
+          log.info('[AppUpdater] Starting download...');
+          this.sendStatusToWindow('downloading', this.lastInfo, undefined, { percent: 0, transferred: 0, total: 0 });
+          
+          // Download the update
+          await autoUpdater.downloadUpdate();
+          
+          log.info('[AppUpdater] Download completed, ready to install');
+          return { success: true, readyToInstall: true };
+        }
+        
+        return { success: false, error: 'No update available to download' };
+        
+      } catch (error) {
+        log.error('[AppUpdater] Download and install failed:', error);
+        this.sendStatusToWindow('error', null, error instanceof Error ? error.message : 'Unknown error');
+        return { success: false, error: error instanceof Error ? error.message : 'Unknown error' };
+      }
+    });
   }
 
   private sendStatusToWindow(status: string, info?: any, error?: string, progress?: any) {
@@ -200,7 +259,9 @@ export class AppUpdater {
     log.info(`[AppUpdater] Sending status to window: ${status}`, {
       hasMainWindow: !!this.mainWindow,
       isDestroyed: this.mainWindow?.isDestroyed(),
-      info: info ? { version: info.version } : undefined
+      info: info ? { version: info.version } : undefined,
+      error,
+      progress
     });
 
     if (this.mainWindow && !this.mainWindow.isDestroyed()) {
@@ -210,20 +271,21 @@ export class AppUpdater {
         error,
         progress
       });
+      log.info(`[AppUpdater] Status sent to renderer: ${status}`);
+    } else {
+      log.warn('[AppUpdater] Cannot send status - main window not available');
     }
   }
 
   checkForUpdatesOnStartup() {
     if (!app.isPackaged) {
+      log.info('[AppUpdater] Skipping startup check - not packaged');
       return;
     }
 
-    if (app.isPackaged) {
-      return;
-    }
-
-    // Check for updates 3 seconds after startup to avoid conflicts
+    // Check for updates 3 seconds after startup to avoid conflicts  
     setTimeout(() => {
+      log.info('[AppUpdater] Starting automatic update check');
       this.sendStatusToWindow('checking');
       autoUpdater.checkForUpdatesAndNotify().catch(err => {
         log.error('[AppUpdater] Startup check failed:', err.message);

src/renderer/components/UpdateNotification/UpdateNotification.css

@@ -5,11 +5,11 @@
   background-color: #2A2F35;
   border: 1px solid #7CA97E;
   border-radius: 8px;
-  padding: 16px;
+  padding: 14px;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
   z-index: 1000;
   animation: slideIn 0.3s ease-out;
-  max-width: 400px;
+  max-width: 350px;
 }
 
 @keyframes slideIn {
@@ -79,42 +79,70 @@
 }
 
 .update-button {
-  padding: 6px 16px;
+  padding: 8px 12px;
   background-color: #7CA97E;
   color: #1E2329;
   border: none;
-  border-radius: 4px;
+  border-radius: 6px;
   cursor: pointer;
   font-weight: 500;
-  transition: background-color 0.2s;
+  font-size: 13px;
+  transition: all 0.2s ease;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }
 
 .update-button:hover {
   background-color: #8FB996;
+  transform: translateY(-1px);
+  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
+}
+
+.update-button.primary {
+  background-color: #7CA97E;
+  color: white;
+  font-weight: 600;
+}
+
+.update-button.secondary {
+  background-color: transparent;
+  border: 1px solid #7CA97E;
+  color: #7CA97E;
+  font-weight: 500;
+}
+
+.update-button.primary:hover {
+  background-color: #6B8F6D;
+}
+
+.update-button.secondary:hover {
+  background-color: rgba(124, 169, 126, 0.1);
+  border-color: #8FB996;
 }
 
 .dismiss-button {
-  padding: 6px 12px;
+  padding: 6px 10px;
   background-color: transparent;
   color: #8A9BA8;
   border: 1px solid #3A424A;
-  border-radius: 4px;
+  border-radius: 6px;
   cursor: pointer;
-  transition: all 0.2s;
+  font-size: 13px;
+  transition: all 0.2s ease;
 }
 
 .dismiss-button:hover {
   border-color: #8A9BA8;
   color: #C5D8BC;
+  transform: translateY(-1px);
 }
 
 .progress-bar {
-  width: 100px;
-  height: 6px;
-  background-color: #3A424A;
-  border-radius: 3px;
+  width: 100%;
+  height: 4px;
+  background-color: rgba(124, 169, 126, 0.2);
+  border-radius: 2px;
   overflow: hidden;
-  margin-top: 12px;
+  margin: 8px 0;
 }
 
 .progress-fill {
@@ -125,7 +153,7 @@
 
 .progress-text {
   font-size: 12px;
-  color: #8A9BA8;
+  color: #7CA97E;
 }
 
 .error-detail {
@@ -151,4 +179,11 @@
     opacity: 0;
     transform: translateX(100%);
   }
+}
+
+.update-actions {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  margin-top: 10px;
 }