sneak/upaas
1
0
Fork 0
Code Issues 21 Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Fix deploy button strobing by using deployment status

Browse Source 
Use latestDeploymentStatus instead of app status to determine if
a deployment is in progress. The deployment status is more reliable
during state transitions and prevents the button from flickering.
This commit is contained in:
Jeffrey Paul 2026-01-01 06:52:43 -08:00
parent ee34f3b70c
commit a71bf07dbf
1 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
static/js/app.js
View File

@ -327,7 +327,10 @@ document.addEventListener("alpine:init", () => {
try { try {
const res = await fetch(`/apps/${this.appId}/status`); const res = await fetch(`/apps/${this.appId}/status`);
const data = await res.json(); const data = await res.json();
const deploying = Alpine.store("utils").isDeploying(data.status); // Use deployment status, not app status - it's more reliable during transitions
const deploying = Alpine.store("utils").isDeploying(
data.latestDeploymentStatus,
);
// Detect new deployment // Detect new deployment
if ( if (
@ -347,13 +350,13 @@ document.addEventListener("alpine:init", () => {
} }
this.currentDeploymentId = data.latestDeploymentID; this.currentDeploymentId = data.latestDeploymentID;
if (deploying) {
this.isDeploying = true;
}
} }
// Reload page when deployment finishes // Update deploying state based on latest deployment status
if (!deploying && this.isDeploying) { if (deploying && !this.isDeploying) {
this.isDeploying = true;
} else if (!deploying && this.isDeploying) {
// Deployment finished - reload to show final state
this.isDeploying = false; this.isDeploying = false;
window.location.reload(); window.location.reload();
} }