Update app.py

app.py

@@ -2,10 +2,10 @@ import gradio as gr
 import pandas as pd
 import random
 
-# Load dataset
+# --- Load dataset ---
 df = pd.read_csv("amazon_eco-friendly_products.csv")
 
-# --- Price cleaning ---
+# --- Clean price column ---
 def clean_price(price_str):
     try:
         if isinstance(price_str, str) and "$" in price_str:
@@ -44,8 +44,8 @@ impacts = {
     "solar light": "Solar lights cut down ~90kg CO₂ emissions per year.",
 }
 
-# --- Product filtering ---
-def get_products(category, sort_by, min_price, max_price, in_stock):
+# --- Product rendering function ---
+def get_products(category="All", sort_by="Rating", min_price=0, max_price=1000, in_stock=False):
     products = df.copy()
 
     if category != "All":
@@ -54,7 +54,7 @@ def get_products(category, sort_by, min_price, max_price, in_stock):
     products = products[(products["price"] >= min_price) & (products["price"] <= max_price)]
 
     if in_stock:
-        products = products[products["availability"].str.contains("In Stock", case=False, na=False)]
+        products = products[products["inStock"] == True]
 
     if sort_by == "Price: Low to High":
         products = products.sort_values("price", ascending=True)
@@ -71,24 +71,28 @@ def get_products(category, sort_by, min_price, max_price, in_stock):
     html = f"<div class='quote-box'>{quote}</div>"
 
     for _, row in products.head(9).iterrows():
-        name = row["product_name"]
-        price = f"${row['price']:.2f}"
+        title = row.get("title", "Unknown Product")
+        price = f"${row['price']:.2f}" if row.get("price") else "N/A"
         rating = row.get("rating", "N/A")
         url = row.get("url", "#")
         category = row.get("category", "Eco Product")
-        availability = row.get("availability", "Unknown")
+        in_stock_text = row.get("inStockText", "")
 
-        # Check if an impact message applies
+        # Impact message check
         impact_msg = ""
         for key, msg in impacts.items():
-            if key in name.lower():
+            if key in str(title).lower():
                 impact_msg = f"<div class='impact'>{msg}</div>"
 
+        img_html = f"<img src='{row['img_url']}' style='width:120px; height:120px; object-fit:cover; border-radius:10px;'/>" if row.get("img_url") else ""
+
         html += f"""
-        <div class="card" title="{availability} | Rating: {rating}">
-            <h3>{name}</h3>
+        <div class="card" title="Rating: {rating}">
+            {img_html}
+            <h3>{title}</h3>
             <p class="price">{price}</p>
             <p class="category">Category: {category}</p>
+            <p>{in_stock_text}</p>
             {impact_msg}
             <a href="{url}" target="_blank">View Product</a>
         </div>
@@ -98,7 +102,7 @@ def get_products(category, sort_by, min_price, max_price, in_stock):
 # --- Gradio UI ---
 with gr.Blocks(css="""
 body {background: #0d1117; color: #e6edf3; font-family: 'Segoe UI', sans-serif;}
-.card {backdrop-filter: blur(12px); background: rgba(255,255,255,0.05); border-radius: 16px; padding: 20px; margin: 10px; box-shadow: 0 0 15px rgba(0,255,150,0.2); transition: transform 0.2s ease;}
+.card {backdrop-filter: blur(12px); background: rgba(255,255,255,0.05); border-radius: 16px; padding: 20px; margin: 10px; box-shadow: 0 0 15px rgba(0,255,150,0.2); transition: transform 0.2s ease; display:inline-block; vertical-align:top; width:200px; text-align:center;}
 .card:hover {transform: scale(1.05); box-shadow: 0 0 25px rgba(0,255,150,0.5);}
 .price {color: #39ff14; font-weight: bold;}
 a {color: #58a6ff; text-decoration: none;}
@@ -114,11 +118,11 @@ a:hover {text-decoration: underline;}
 
     with gr.Row():
         min_price = gr.Number(label="Min Price", value=0)
-        max_price = gr.Number(label="Max Price", value=100)
+        max_price = gr.Number(label="Max Price", value=1000)
         in_stock = gr.Checkbox(label="In Stock Only")
 
     show_btn = gr.Button("🔍 Show Products")
-    output = gr.HTML()
+    output = gr.HTML(get_products())  # Show products immediately on load
 
     show_btn.click(get_products, [category, sort_by, min_price, max_price, in_stock], output)