Update Gradio UI

app.py

@@ -5,54 +5,9 @@
 #!/usr/bin/env python
 # coding: utf-8
 
-import gradio as gr
-from content_based import recommend_products as content_reco
-from collaborative import collaborative_ui, user_id_list
-
-# Helper to render a horizontal product grid as HTML
-def render_horizontal_grid(products_list):
-    """
-    products_list: list of dicts with at least 'Product Url' and 'Name'
-    """
-    html = '<div style="display:flex; flex-wrap: wrap;">'
-    for p in products_list:
-        html += f'''
-        <div style="margin:5px; text-align:center; width:150px;">
-            <img src="{p['Product Url']}" width="120" style="display:block; margin:auto;"><br>
-            <span>{p['Name']}</span>
-        </div>
-        '''
-    html += '</div>'
-    return html
-
-# Wrappers to get data from your recommenders and convert to HTML
-def content_based_wrapper(product_name):
-    recommended = content_reco(product_name)  # should return list of dicts
-    return render_horizontal_grid(recommended)
-
-def collaborative_wrapper(user_id):
-    recommended = collaborative_ui(user_id)  # should return list of dicts
-    return render_horizontal_grid(recommended)
-
-# Gradio interface
-with gr.Blocks() as demo:
-    gr.Markdown("## 🛍️ Product Recommendation System")
-
-    with gr.Tab("Content-Based Recommender"):
-        product_input = gr.Textbox(label="Enter a Product Name")
-        content_output = gr.HTML(label="Top Recommendations")
-        product_input.submit(fn=content_based_wrapper, inputs=product_input, outputs=content_output)
-
-    with gr.Tab("Collaborative Filtering Recommender"):
-        user_dropdown = gr.Dropdown(choices=user_id_list, label="Select User ID")
-        collaborative_output = gr.HTML(label="Collaborative Recommendations")
-        user_dropdown.change(fn=collaborative_wrapper, inputs=user_dropdown, outputs=collaborative_output)
-
-if __name__ == "__main__":
-    demo.launch()
 
 
-'''import gradio as gr
+import gradio as gr
 from content_based import recommend_products
 from collaborative import collaborative_ui
 from collaborative import user_id_list
@@ -71,7 +26,7 @@ with gr.Blocks() as demo:
         user_dropdown.change(fn=collaborative_ui, inputs=user_dropdown, outputs=collaborative_output)
 
 if __name__ == "__main__":
-    demo.launch()'''
+    demo.launch()
 
 # In[ ]: