add manual update button

Changes
- add new button
- add new event

Signed-off-by: Vikalp Rusia <[email protected]>

Author: VikalpRusia

pkg/rancher-desktop/components/UpdateStatus.vue

@@ -2,13 +2,20 @@
   <div>
     <div class="version">
       <version />
-      <rd-checkbox
-        v-if="updatePossible"
-        v-model="updatesEnabled"
-        class="updatesEnabled"
-        label="Check for updates automatically"
-        :is-locked="autoUpdateLocked"
-      />
+      <div v-if="updatePossible" class="check-updates">
+        <rd-checkbox
+          v-model="updatesEnabled"
+          class="updatesEnabled"
+          label="Check for updates automatically"
+          :is-locked="autoUpdateLocked"
+        />
+        <button
+          class="btn btn-xs role-secondary"
+          @click="checkUpdateNow"
+        >
+          Check Now
+        </button>
+      </div>
     </div>
     <card
       v-if="hasUpdate"
@@ -200,6 +207,10 @@ class UpdateStatus extends UpdateStatusProps {
     this.$emit('apply');
   }
 
+  checkUpdateNow() {
+    this.$emit('check-update-now');
+  }
+
   get autoUpdateLocked() {
     return this.isAutoUpdateLocked;
   }
@@ -211,7 +222,8 @@ export default UpdateStatus;
 <style lang="scss" scoped>
   .version {
     display: flex;
-    justify-content: space-between
+    justify-content: space-between;
+    align-items: center;
   }
   .update-notification {
     font-weight: 900;
@@ -223,6 +235,18 @@ export default UpdateStatus;
     margin-left: 2em;
     margin-right: 1em;
   }
+
+  .check-updates {
+    display: flex;
+    gap: 10px;
+    align-items: center;
+  }
+
+  .btn-xs {
+    min-height: 2.25rem;
+    max-height: 2.25rem;
+    line-height: 0.25rem;
+  }
 </style>
 
 <style lang="scss">

pkg/rancher-desktop/main/update/index.ts

@@ -72,6 +72,10 @@ Electron.ipcMain.on('update-apply', () => {
   autoUpdater.quitAndInstall();
 });
 
+Electron.ipcMain.on('update-check-now', () => {
+  triggerUpdateCheck();
+});
+
 function isLonghornUpdateInfo(info: UpdateInfo | LonghornUpdateInfo): info is LonghornUpdateInfo {
   return (info as LonghornUpdateInfo).nextUpdateTime !== undefined;
 }

pkg/rancher-desktop/pages/General.vue

@@ -20,6 +20,7 @@
       :is-auto-update-locked="autoUpdateLocked"
       @enabled="onUpdateEnabled"
       @apply="onUpdateApply"
+      @check-update-now="onCheckUpdateNow"
     />
     <hr>
     <telemetry-opt-in
@@ -100,6 +101,9 @@ export default {
     onUpdateState(event, state) {
       this.$data.updateState = state;
     },
+    onCheckUpdateNow() {
+      ipcRenderer.send('update-check-now');
+    },
     updateTelemetry(value) {
       ipcRenderer.invoke('settings-write', { application: { telemetry: { enabled: value } } });
     },

pkg/rancher-desktop/typings/electron-ipc.d.ts

@@ -32,6 +32,7 @@ export interface IpcMainEvents {
   'update-state': () => void;
   // Quit and apply the update.
   'update-apply': () => void;
+  'update-check-now': () => void;
   // #endregion
 
   // #region main/containerEvents