Update src/components/deploy-button/deploy-button.tsx

src/components/deploy-button/deploy-button.tsx

@@ -2,7 +2,7 @@
 import { useState } from "react";
 import classNames from "classnames";
 import { toast } from "react-toastify";
-import JSZip from "jszip";
+
 
 
 import SpaceIcon from "@/assets/space.svg";
@@ -75,28 +75,14 @@ function DeployButton({
     }
   };
 
-const downloadZipFile = async () => {
-  const zip = new JSZip();
-
-  // Assume HTML is always present
-  zip.file("index.html", html);
-
-  // Optional: Add more files if available from your generator logic
-  // You may modify this depending on how your app stores code
-  if (state?.reactCode) zip.file("index.tsx", state.reactCode);
-  if (state?.cssCode) zip.file("style.css", state.cssCode);
-  if (state?.jsCode) zip.file("script.js", state.jsCode);
-
-  const blob = await zip.generateAsync({ type: "blob" });
+const downloadFile = (filename: string, content: string) => {
+  const blob = new Blob([content], { type: "text/html" });
   const url = URL.createObjectURL(blob);
   const a = document.createElement("a");
   a.href = url;
-  a.download = config.title?.trim()
-    ? `${config.title.trim()}.zip`
-    : "website.zip";
-  document.body.appendChild(a);
+  a.download = filename;
   a.click();
-  document.body.removeChild(a);
+  URL.revokeObjectURL(url);
 };
 
   return (
@@ -126,13 +112,13 @@ const downloadZipFile = async () => {
         {path ? "Update Space" : "Deploy to Space"}
       </button>
       <div className="pt-2 text-right">
+      
   <button
-    className="rounded-full bg-gray-800 px-5 py-2 text-white font-semibold text-xs hover:bg-gray-700 transition-all duration-100"
-    onClick={downloadZipFile}
-  >
-    Download Full Source (.zip)
-  </button>
-</div>
+  className="mt-2 rounded-full bg-gray-800 px-5 py-2 text-white font-semibold text-xs hover:bg-gray-700 transition-all duration-100"
+  onClick={() => downloadFile("index.html", html)}
+>
+  Download index.html
+</button>
 
       <div
         className={classNames(