From 4c9a6c2bbbc082a7e43986ea9eccc01338c8bcc1 Mon Sep 17 00:00:00 2001
From: Frost Ming <me@frostming.com>
Date: Thu, 21 Nov 2024 15:33:19 +0800
Subject: [PATCH] fix: don't show duplicate modals

Signed-off-by: Frost Ming <me@frostming.com>
---
 web/main.js | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/web/main.js b/web/main.js
index 1a13422..cd5281a 100644
--- a/web/main.js
+++ b/web/main.js
@@ -126,6 +126,7 @@ function createInputModal() {
   return new Promise((resolve) => {
     const modal = document.createElement("div");
     modal.className = "cpack-modal";
+    modal.id = "input-modal";
 
     const title = document.createElement("div");
     title.textContent = "Package Worlflow";
@@ -181,6 +182,7 @@ function createInputModal() {
 function createDownloadModal() {
   const modal = document.createElement("div");
   modal.className = "cpack-modal";
+  modal.id = "download-modal";
 
   const title = document.createElement("div");
   title.textContent = "Packaging...";
@@ -219,6 +221,8 @@ function createDownloadModal() {
 }
 
 async function downloadPackage() {
+  if (document.getElementById("input-modal")) return;
+  if (document.getElementById("download-modal")) return;
   const filename = await createInputModal();
   if (!filename) return;
 
@@ -253,6 +257,8 @@ async function downloadPackage() {
 }
 
 async function buildBento() {
+  if (document.getElementById("build-modal")) return;
+  if (document.getElementById("building-modal")) return;
   const data = await createBuildModal();
   console.log(data);
   await createBuildingModal(data);
@@ -288,6 +294,7 @@ const buildForm = `
 
 function createBuildModal() {
   const modal = document.createElement("div");
+  modal.id = "build-modal";
   modal.className = "cpack-modal";
   modal.style.width = "400px";
 
@@ -373,6 +380,7 @@ async function createBuildingModal(data) {
   const modal = document.createElement("div");
   modal.className = "cpack-modal";
   modal.style.width = "400px";
+  modal.id = "building-modal";
 
   const title = document.createElement("div");
   title.textContent = "Building...";