Update app.py

app.py

@@ -213,11 +213,17 @@ with demo:
 ### Welcome to the leaderboard for the [AI Energy Score Project!](https://huggingface.co/AIEnergyScore) — Select different tasks to see scored models."""
     )
     
-    # Header links (now using a row of components, including a Download Data button)
+    # Header links (using a row of components, including a Download Data button)
     with gr.Row():
         submission_link = gr.HTML('<a href="https://huggingface.co/spaces/AIEnergyScore/submission_portal" style="margin: 0 15px; text-decoration: none; font-weight: bold; font-size: 1.1em;">Submission Portal</a>')
         label_link = gr.HTML('<a href="https://huggingface.co/spaces/AIEnergyScore/Label" style="margin: 0 15px; text-decoration: none; font-weight: bold; font-size: 1.1em;">Label Generator</a>')
-        download_button = gr.DownloadButton("Download Data", fn=zip_csv_files, file_name="data.zip", variant="link", style={"margin": "0 15px", "font-weight": "bold", "font-size": "1.1em"})
+        download_button = gr.FileDownload(
+            value=zip_csv_files(), 
+            file_name="data.zip", 
+            label="Download Data",
+            variant="link",
+            style={"margin": "0 15px", "font-weight": "bold", "font-size": "1.1em"}
+        )
         faq_link = gr.HTML('<a href="https://huggingface.github.io/AIEnergyScore/#faq" style="margin: 0 15px; text-decoration: none; font-weight: bold; font-size: 1.1em;">FAQ</a>')
         documentation_link = gr.HTML('<a href="https://huggingface.github.io/AIEnergyScore/#documentation" style="margin: 0 15px; text-decoration: none; font-weight: bold; font-size: 1.1em;">Documentation</a>')
         community_link = gr.HTML('<a href="https://huggingface.co/spaces/AIEnergyScore/README/discussions" style="margin: 0 15px; text-decoration: none; font-weight: bold; font-size: 1.1em;">Community</a>')