- Add Navigation component with clean tab-based navigation - Create StatusOverview component for main dashboard indicators - Split functionality into separate pages: * Overview page with status and quick actions * Analysis page for AI analysis * Trading page for manual trading and history * Automation page for auto-trading settings * Settings page for developer configuration - Add React dependencies to package.json - Maintain clean separation of concerns
26 lines
756 B
TypeScript
26 lines
756 B
TypeScript
import AdvancedTradingPanel from '../../components/AdvancedTradingPanel'
|
|
import TradingHistory from '../../components/TradingHistory'
|
|
|
|
export default function TradingPage() {
|
|
return (
|
|
<div className="space-y-8">
|
|
<div className="flex items-center justify-between">
|
|
<div>
|
|
<h1 className="text-3xl font-bold text-white">Manual Trading</h1>
|
|
<p className="text-gray-400 mt-2">Execute trades and view trading history</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="grid grid-cols-1 xl:grid-cols-2 gap-8">
|
|
<div className="space-y-6">
|
|
<AdvancedTradingPanel />
|
|
</div>
|
|
|
|
<div className="space-y-6">
|
|
<TradingHistory />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|