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:
@@ -1,5 +1,6 @@
|
||||
import './globals.css'
|
||||
import type { Metadata } from 'next'
|
||||
import Navigation from '../components/Navigation'
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: 'Trading Bot Dashboard',
|
||||
@@ -44,6 +45,9 @@ export default function RootLayout({ children }: { children: React.ReactNode })
|
||||
</div>
|
||||
</header>
|
||||
|
||||
{/* Navigation */}
|
||||
<Navigation />
|
||||
|
||||
{/* Main Content */}
|
||||
<main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
|
||||
{children}
|
||||
|
||||
Reference in New Issue
Block a user