Update app.py

app.py

@@ -41,7 +41,18 @@ def recommend_with_youtube_links(song_name, artist_name):
     api_key = "AIzaSyAnFiRh8g13HW_wLhUW7wZwRE2SsPo0aJs"
     recommendations = recommend_song_interface(song_name, artist_name)
     recommendations_with_links = add_youtube_links(recommendations, api_key)
-    return recommendations_with_links
+    html_links = [
+        f"<div style='margin: 10px; padding: 10px; border: 1px solid #ccc; border-radius: 5px;'>"
+        f"{rec}<br><a href='{link}' target='_blank'>YouTube Link</a></div>"
+        if rec and link.startswith('http') else ""
+        for rec, link in recommendations_with_links
+    ]
+
+    # Asegúrate de devolver la cantidad correcta de salidas esperadas por la interfaz Gradio
+    while len(html_links) < 4:
+        html_links.append("")
+
+    return "<br>".join(html_links[:4])
 
 # Configuración de la interfaz Gradio
 iface = gr.Interface(
@@ -50,10 +61,7 @@ iface = gr.Interface(
         gr.Textbox(placeholder="Ingrese el título de la canción", label="Título de la Canción"),
         gr.Textbox(placeholder="Ingrese el nombre del artista", label="Nombre del Artista")
     ],
-    outputs=[gr.Textbox(label="Recomendación 1"),
-             gr.Textbox(label="Recomendación 2"),
-             gr.Textbox(label="Recomendación 3"),
-             gr.Textbox(label="Recomendación 4")],
+    outputs= gr.HTML(),
     title="Recomendador de Canciones con Enlaces de YouTube",
     description="Ingrese el título de una canción y el nombre del artista.",
     theme="dark",  # Comenta o elimina si el tema oscuro no está disponible