+ {/* Total Volume Traded */}
+
+
Total Volume Traded
+
+ {formatCurrency(platformData?.totalPlatformVolume || 0)}
+
+
+ +{formatCurrency(platformData?.totalPlatformVolumeLast24h || 0)} Today
+
+ {/* Simple chart placeholder - you can replace with actual chart */}
+
+
+
+ {/* Top 3 Most Profitable */}
+
+
+ 🤑
+
Top 3 Most Profitable
+
+
+ {topStrategies?.topStrategies?.slice(0, 3).map((strategy, index) => (
+
+
+
+
+ {strategy.strategyName?.charAt(0) || 'S'}
+
+
+
+
+ {strategy.strategyName || '[Strategy Name]'}
+
+
📧
+
+
+
= 0 ? 'text-green-500' : 'text-red-500'}`}>
+ {strategy.pnL && strategy.pnL >= 0 ? '+' : ''}{formatCurrency(strategy.pnL || 0)}
+
+
+ )) || (
+
No profitable strategies found
+ )}
+
+
+
+ {/* Top 3 Rising (placeholder - using same data for now) */}
+
+
+ 📈
+
Top 3 Rising
+
+
+ {topStrategies?.topStrategies?.slice(0, 3).map((strategy, index) => (
+
+
+
+
+ {strategy.strategyName?.charAt(0) || 'S'}
+
+
+
+
+ {strategy.strategyName || '[Strategy Name]'}
+
+
📧
+
+
+
+ 🔴
+ 1,200
+
+
+ )) || (
+
No rising strategies found
+ )}
+
+
+
+ {/* Top 3 Strategies */}
+
+
+ âš¡
+
Top 3 Strategies
+
+
+ {topStrategies?.topStrategies?.slice(0, 3).map((strategy, index) => {
+ // Calculate a mock percentage for display
+ const percentage = Math.abs((strategy.pnL || 0) / 100 * 10).toFixed(0)
+ return (
+
+
+
+ âš¡
+
+
+
+ {strategy.strategyName || '[Strategy Name]'}
+
+
+
+
+ +{percentage}%
+
+
+ )
+ }) || (
+
No strategies found
+ )}
+
+
+