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:
25
app/settings/page.tsx
Normal file
25
app/settings/page.tsx
Normal 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>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user