renderizando projetos no mmpCreator

assets/js/creations/main.js

@@ -129,6 +129,19 @@ document.addEventListener("DOMContentLoaded", () => {
   const removePatternBtn = document.getElementById("remove-pattern-btn"); 
   const downloadPackageBtn = document.getElementById("download-package-btn");
 
+  // Renderizar projeto
+  const renderAudioBtn = document.getElementById("render-audio-btn");
+
+  // salvar projeto .mmp (faz mais sentido com o ícone de save)
+  saveMmpBtn?.addEventListener("click", generateMmpFile);
+
+  // renderizar áudio
+  renderAudioBtn?.addEventListener("click", () => {
+    console.log("[UI] Cliquei em render-audio-btn");
+    renderProjectAndDownload();
+  });
+
+
   // Download projeto
   downloadPackageBtn?.addEventListener("click", generateMmpFile);
 
@@ -369,13 +382,12 @@ document.addEventListener("DOMContentLoaded", () => {
     if (file) handleFileLoad(file).then(() => closeOpenProjectModal());
   });
   uploadSampleBtn?.addEventListener("click", () => sampleFileInput?.click());
-  saveMmpBtn?.addEventListener("click", renderProjectAndDownload);
 
   addInstrumentBtn?.addEventListener("click", () => {
     initializeAudioContext();
     sendAction({ type: "ADD_TRACK" });
   });
-  
+
   removeInstrumentBtn?.addEventListener("click", () => {
     initializeAudioContext();