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

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

@@ -16,20 +16,25 @@ function DeployButton({ html }: { html: string }) {
 
   const handleDownload = () => {
     setLoading(true);
-    downloadFile("index.html", html);
-    setLoading(false);
+    setTimeout(() => {
+      downloadFile("index.html", html);
+      setLoading(false);
+    }, 300); // slight delay for UX feedback
   };
 
   return (
     <div className="relative flex items-center justify-end">
       <button
         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"
+          "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,
+          }
         )}
         onClick={handleDownload}
         disabled={loading}
       >
-        {loading ? "Preparing..." : "Download Project"}
+        {loading ? "Preparing..." : "Download HTML"}
       </button>
     </div>
   );