0d7b46fdcf
- Real-time positions tracking with live P&L updates - PositionsPanel component with auto-refresh every 10s - Position creation on trade execution (DEX, Perp, Standard) - One-click position closing functionality - Stop Loss and Take Profit display with monitoring - /api/trading/positions API for CRUD operations - Real-time price updates via CoinGecko integration - Automatic position creation on successful trades - In-memory positions storage with P&L calculations - Enhanced trading page layout with positions panel - Entry price, current price, and unrealized P&L - Percentage-based P&L calculations - Portfolio summary with total value and total P&L - Transaction ID tracking for audit trail - Support for leverage positions and TP/SL orders Confirmed Working: - Position created: SOL/USDC BUY 0.02 @ 68.10 - Real-time P&L: -/bin/bash.0052 (-0.15%) - TP/SL monitoring: SL 60, TP 80 - Transaction: 5qYx7nmpgE3fHEZpjJCMtJNb1jSQVGfKhKNzJNgJ5VGV4xG2cSSpr1wtfPfbmx8zSjwHnzSgZiWsMnAWmCFQ2RVx - Clear positions display on trading page - Real-time updates without manual refresh - Intuitive close buttons for quick position management - Separate wallet holdings vs active trading positions - Professional trading interface with P&L visualization
39 lines
1.2 KiB
JavaScript
39 lines
1.2 KiB
JavaScript
'use client'
|
|
import React, { useState } from 'react'
|
|
import AIAnalysisPanel from '../../components/AIAnalysisPanel.tsx'
|
|
import TradeExecutionPanel from '../../components/TradeExecutionPanel.js'
|
|
|
|
export default function AnalysisPage() {
|
|
const [analysisResult, setAnalysisResult] = useState(null)
|
|
const [currentSymbol, setCurrentSymbol] = useState('SOL')
|
|
|
|
const handleAnalysisComplete = (analysis, symbol) => {
|
|
setAnalysisResult(analysis)
|
|
setCurrentSymbol(symbol || 'SOL')
|
|
}
|
|
|
|
return (
|
|
<div className="space-y-8">
|
|
<div className="flex items-center justify-between">
|
|
<div>
|
|
<h1 className="text-3xl font-bold text-white">AI Analysis & Trading</h1>
|
|
<p className="text-gray-400 mt-2">Get market insights and execute trades based on AI recommendations</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="grid grid-cols-1 xl:grid-cols-3 gap-8">
|
|
<div className="xl:col-span-2">
|
|
<AIAnalysisPanel onAnalysisComplete={handleAnalysisComplete} />
|
|
</div>
|
|
|
|
<div className="xl:col-span-1">
|
|
<TradeExecutionPanel
|
|
analysis={analysisResult}
|
|
symbol={currentSymbol}
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|