Update app.py

app.py

@@ -6,6 +6,7 @@ import requests
 import time
 import os
 from datetime import datetime
+import plotly.express as px
 
 # Initialize hotdog classification pipeline with error handling
 hotdog_pipeline = None
@@ -30,7 +31,7 @@ def parse_params(params):
     sorted_keys = sorted(params.keys())
     param_pairs = [f"{key}={params[key]}" for key in sorted_keys]
     params_str = "&".join(param_pairs)
-    return params_str + "&timestamp=" + str(int(time.time() * 1000)) if params_str else "timestamp=" + str(int(time.time() * 1000))
+    return params_str + "&timestamp=" + str(int(time.time() * 1000))
 
 # Fetch from BingX API
 def fetch_from_api(endpoint, params=None, api_key=api_key, api_secret=api_secret):
@@ -150,26 +151,27 @@ def update_performance_chart(trades):
 
 def update_allocation_chart(allocation):
     chart_data = {
-        'names': allocation['labels'],
+        'labels': allocation['labels'],
         'values': allocation['data'],
-        'colors': ['#1E90FF', '#10b981', '#8b5cf6', '#f59e0b'],
+        'color': ['#1E90FF', '#10b981', '#8b5cf6', '#f59e0b'],
         'title': 'Portfolio Allocation'
     }
+    fig = px.pie(names=chart_data['labels'], values=chart_data['values'], color_discrete_sequence=chart_data['color'], title=chart_data['title'])
     legend_html = "\n".join(f"""
         <div class="mb-3">
             <div class="flex justify-between mb-1">
                 <span class="text-gray-500 dark:text-gray-400 flex items-center">
-                    <span class="h-3 w-3 bg-[{chart_data['colors'][i % 4]}] rounded-full mr-2"></span>
+                    <span class="h-3 w-3 bg-[{chart_data['color'][i % 4]}] rounded-full mr-2"></span>
                     {label}
                 </span>
                 <span class="font-medium dark:text-white">{data:.1f}%</span>
             </div>
             <div class="w-full bg-gray-200 rounded-full h-2 dark:bg-gray-700">
-                <div class="bg-[{chart_data['colors'][i % 4]}] h-2 rounded-full" style="width: {data}%"></div>
+                <div class="bg-[{chart_data['color'][i % 4]}] h-2 rounded-full" style="width: {data}%"></div>
             </div>
         </div>
     """ for i, (label, data) in enumerate(zip(allocation['labels'], allocation['data'])))
-    return gr.Pie(value=chart_data), gr.HTML(legend_html)
+    return gr.Plot(value=fig), gr.HTML(legend_html)
 
 # Main Data Fetch and Update Function
 def update_dashboard(api_key, api_secret):
@@ -199,7 +201,7 @@ def update_dashboard(api_key, api_secret):
         return (
             "$Loading...", 0, "0 Long • 0 Short", "$0.00", "Low", "0%", gr.HTML("<tr><td colspan='8' class='py-4 text-center'>Error: Failed to sync with BingX API - Check credentials</td></tr>"),
             gr.HTML("<div>Error loading stats</div>"), gr.LinePlot(value={'x': [], 'y': [], 'color': [], 'title': 'Monthly Performance'}), 
-            (gr.Pie(value={'names': [], 'values': [], 'colors': [], 'title': 'Portfolio Allocation'}), gr.HTML("")), "Just now", "Just now"
+            (gr.Plot(value=px.pie(names=[], values=[], title='Portfolio Allocation')), gr.HTML("")), "Just now", "Just now"
         )
 
 # Save Credentials Function
@@ -256,7 +258,6 @@ with gr.Blocks(title="Nakhoda4X Pro") as demo:
             gr.Markdown("Connected to BingX via API")
             with gr.Row():
                 refresh_btn = gr.Button("Refresh", elem_classes="px-4 py-2 bg-white dark:bg-darkCard rounded-lg border border-gray-200 dark:border-gray-700 text-gray-700 dark:text-gray-300 flex items-center")
-                new_trade_btn = gr.Button("New Trade", elem_classes="px-4 py-2 bg-primary text-white rounded-lg flex items-center")
 
             # Stats Cards
             with gr.Row(elem_classes="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"):
@@ -295,7 +296,7 @@ with gr.Blocks(title="Nakhoda4X Pro") as demo:
                     portfolio_allocation = gr.Blocks()
                     with portfolio_allocation:
                         gr.HTML("<div class='bg-white dark:bg-darkCard rounded-2xl shadow-md p-6'><div class='flex justify-between items-center mb-6'><h3 class='text-lg font-bold text-gray-800 dark:text-white'>Portfolio Allocation</h3><div><span id='allocation-update' class='text-gray-500 dark:text-gray-400 text-sm'>Last updated: Just now</span></div></div>")
-                        allocation_chart, allocation_legend = gr.Pie(), gr.HTML()
+                        allocation_chart, allocation_legend = gr.Plot(), gr.HTML()
 
     # Event Handlers
     toggle_btn.click(fn=toggle_api_form, inputs=[show_form], outputs=[api_form], _js="() => !document.querySelector('.api-form').classList.contains('open')")
@@ -315,7 +316,6 @@ with gr.Blocks(title="Nakhoda4X Pro") as demo:
         risk_exposure, exposure_percent, trading_activity, advanced_stats,
         performance_chart, (allocation_chart, allocation_legend), gr.State(value=None), gr.State(value=None)
     ])
-    new_trade_btn.click(None, _js="() => alert('New Trade functionality not implemented yet.')")
 
     # Hot Dog Classifier Tab
     with gr.Tab("Hot Dog Classifier"):