From d4cb2b3a80ac2aa9fa83ce872d978bc4977c6409 Mon Sep 17 00:00:00 2001
From: rafapaezbas <rafa@holepunch.com>
Date: Mon, 26 Feb 2024 14:57:24 +0100
Subject: [PATCH] implemented update button

---
 lib/system-status.js | 24 ++++++++++++++++++++++--
 1 file changed, 22 insertions(+), 2 deletions(-)

diff --git a/lib/system-status.js b/lib/system-status.js
index 6497771..489ef96 100644
--- a/lib/system-status.js
+++ b/lib/system-status.js
@@ -73,6 +73,8 @@ customElements.define('system-status', class extends HTMLElement {
     this.shellProfiles = null
     this.root = this.attachShadow({ mode: 'open' })
     this.#render()
+    this.updateButton = this.shadowRoot.querySelector('#update-button')
+    this.update = null
   }
 
   #render () {
@@ -98,6 +100,12 @@ customElements.define('system-status', class extends HTMLElement {
         #tip {
           margin-top: 3rem;
         }
+        #update-button {
+          position: fixed;
+          left: 975px;
+          top: 170px;
+          display: none;
+        }
         h1 {
           padding: 0.5rem;
           display: inline-block;
@@ -110,6 +118,7 @@ customElements.define('system-status', class extends HTMLElement {
         }
       </style>
       <h1>System Status</h1>
+      <button id="update-button"> Update </button>
       ${
         this.#installed()
         ? '<pear-welcome></pear-welcome>'
@@ -120,14 +129,21 @@ customElements.define('system-status', class extends HTMLElement {
           <p>To finish installing Pear Runtime set your system path to</p>
           <p><code>${BIN}</code></p>
           <p>${!isWin? ' or click the button.' : ''}</p>
-          ${!isWin ? '<p><button> Automatic Setup Completion </button><p>' : ''}
+          ${!isWin ? '<p><button id="setup-button"> Automatic Setup Completion </button><p>' : ''}
         `
       }
     </div>
     `
-    this.shadowRoot.querySelector('button')?.addEventListener('click', () => {
+    this.shadowRoot.querySelector('#setup-button')?.addEventListener('click', () => {
       this.#install().then(() => this.#render()).catch((err) => this.#error(err))
     })
+
+    Pear.updates((update) => {
+      this.update = update
+      this.updateButton.style.display = ''
+      this.updateButton.removeEventListener('click', this.#updateButtonListener)
+      this.updateButton.addEventListener('click', this.#updateButtonListener)
+    })
   }
 
   #error (err) {
@@ -200,4 +216,8 @@ customElements.define('system-status', class extends HTMLElement {
     process.env.PATH = `${BIN}:${process.env.PATH}`
     return Promise.resolve()
   }
+
+  #updateButtonListener () {
+    Pear.restart({ platform: this.update.app === false }).catch(console.error)
+  }
 })