From 592505ac2179026ee83d0e40763217ca72ad821a Mon Sep 17 00:00:00 2001
From: oliver <oliver@odoo4projects.com>
Date: Wed, 10 Jun 2026 20:41:09 -0300
Subject: [PATCH] Update app.js

---
 app.js | 21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/app.js b/app.js
index 4dc0c83..2f4fe99 100644
--- a/app.js
+++ b/app.js
@@ -500,7 +500,7 @@ function populateDemoShell() {
     </div>
     <div class="server-info-row">
       <span class="server-info-label">SSH Access</span>
-      <span class="server-info-val"><a class="server-info-link" href="#" onclick="event.preventDefault();openBillingPortal()">Upgrade</a></span>
+      <span class="server-info-val">Upgrade</span>
     </div>
     <div class="server-info-row">
       <span class="server-info-label">Created</span>
@@ -776,7 +776,7 @@ function renderAgentInfo(info) {
     </div>`
       : `<div class="server-info-row">
       <span class="server-info-label">SSH Access</span>
-      <span class="server-info-val"><a class="server-info-link" href="#" onclick="event.preventDefault();openBillingPortal()">Upgrade</a></span>
+      <span class="server-info-val">Upgrade</span>
     </div>`,
     `<div class="server-info-row">
       <span class="server-info-label">Created</span>
@@ -1419,7 +1419,22 @@ async function loadBackups(uuid) {
       agent.BACKUP === false
     );
   const btn = document.getElementById("make-backup-btn");
-  if (btn) btn.style.display = hasBackup ? "" : "none";
+  if (btn) {
+    if (hasBackup) {
+      btn.style.display = "";
+      btn.innerHTML = "+";
+      btn.onclick = makeBackup;
+      btn.title = "Make Backup";
+    } else {
+      btn.style.display = "";
+      btn.innerHTML = "Upgrade";
+      btn.onclick = openBillingPortal;
+      btn.title = "Upgrade to enable backups";
+      btn.style.fontSize = "";
+      btn.style.lineHeight = "";
+      btn.style.padding = "";
+    }
+  }
 
   try {
     const _backupsUrl = `${BACKUP_URL}?uuid=${encodeURIComponent(uuid)}`;