feat: Restructure UI with navigation and separate pages

- 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
This commit is contained in:
mindesbunister
2025-07-14 00:21:44 +02:00
parent 4b9e52278a
commit 3c988b47f2
10 changed files with 366 additions and 12 deletions

25
app/settings/page.tsx Normal file
View File

@@ -0,0 +1,25 @@
import DeveloperSettings from '../../components/DeveloperSettings'
import DriftAccountStatus from '../../components/DriftAccountStatus'
export default function SettingsPage() {
return (
<div className="space-y-8">
<div className="flex items-center justify-between">
<div>
<h1 className="text-3xl font-bold text-white">Settings</h1>
<p className="text-gray-400 mt-2">Developer configuration and account status</p>
</div>
</div>
<div className="grid grid-cols-1 xl:grid-cols-2 gap-8">
<div className="space-y-6">
<DriftAccountStatus />
</div>
<div className="space-y-6">
<DeveloperSettings />
</div>
</div>
</div>
)
}