✨ NEW FEATURE - Download cover button

Author: jhonboyy

src/components/Download.js

@@ -1,8 +1,42 @@
+import { useState } from 'react';
+
 export default function Download() {
-    return (   
-        <section className="download-section">
-        <button id="downloadPDFButton">Download result</button>
-        <button id="downloadJPGButton">Descargar como JPG</button>
-      </section>
-    );  
-  }
+  const [isCoverVisible, setCoverVisible] = useState(true);  // Controla la visibilidad del botón "Download"
+
+  // Esta función alterna la visibilidad entre el botón Download y los botones de PDF/JPG
+  function handleDownloadClick() {
+    setCoverVisible(false);  // Oculta el botón "Download"
+  }
+
+  function handleFileDownload() {
+    setCoverVisible(true);  // Vuelve a mostrar el botón "Download"
+  }
+
+  return (
+    <section className="download-section">
+      <button 
+        onClick={handleDownloadClick} 
+        style={{ visibility: isCoverVisible ? 'visible' : 'hidden' }}
+        id='downloadCOVERButton'
+      >
+        Download
+      </button>
+      
+      <button 
+        onClick={handleFileDownload} 
+        style={{ visibility: isCoverVisible ? 'hidden' : 'visible' }}
+        id='downloadPDFButton'
+      >
+        PDF (printing)
+      </button>
+      
+      <button 
+        onClick={handleFileDownload} 
+        style={{ visibility: isCoverVisible ? 'hidden' : 'visible' }}
+        id='downloadJPGButton'
+      >
+        JPG (model)
+      </button>
+    </section>
+  );
+}