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

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

@@ -1,23 +1,23 @@
-function DeployButton({
-  html,
-  error,
-}: {
-  html: string;
-  error?: boolean;
-}) {
+import { useState } from "react";
+import classNames from "classnames";
+
+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 = filename;
+  a.click();
+  URL.revokeObjectURL(url);
+};
+
+function DeployButton({ html }: { html: string }) {
   const [loading, setLoading] = useState(false);
 
   const handleDownload = () => {
-    if (error) return; // optional check
     setLoading(true);
     setTimeout(() => {
-      const blob = new Blob([html], { type: "text/html" });
-      const url = URL.createObjectURL(blob);
-      const a = document.createElement("a");
-      a.href = url;
-      a.download = "index.html";
-      a.click();
-      URL.revokeObjectURL(url);
+      downloadFile("index.html", html);
       setLoading(false);
     }, 300);
   };
@@ -28,14 +28,16 @@ function DeployButton({
         className={classNames(
           "relative cursor-pointer flex-none flex items-center justify-center rounded-md text-xs lg:text-sm font-semibold leading-5 lg:leading-6 py-2 px-6 hover:bg-pink-400 text-white bg-pink-500 shadow-sm dark:shadow-highlight/20 transition-all duration-100",
           {
-            "opacity-50 cursor-not-allowed": loading || error,
+            "opacity-50 cursor-not-allowed": loading,
           }
         )}
         onClick={handleDownload}
-        disabled={loading || error}
+        disabled={loading}
       >
         {loading ? "Preparing..." : "Download HTML"}
       </button>
     </div>
   );
 }
+
+export default DeployButton;