jramos
ea3b72db5c
- NavDrawer component: slide-in left drawer with backdrop, matches dark theme - Nav items: Home, Reporting, Knowledge Base, Exports with color-coded icons - Active page highlighted with colored background + indicator dot - Placeholder pages for Reporting (amber), Knowledge Base (green), Exports (purple) - Stats bar and three-column layout conditionally render on Home page only - currentPage state drives all page switching Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
26 lines
1.0 KiB
JavaScript
26 lines
1.0 KiB
JavaScript
import React from 'react';
|
|
import { Download } from 'lucide-react';
|
|
|
|
export default function ExportsPage() {
|
|
return (
|
|
<div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', minHeight: '60vh' }}>
|
|
<div style={{ textAlign: 'center' }}>
|
|
<div style={{
|
|
width: '72px', height: '72px', borderRadius: '1rem', margin: '0 auto 1.5rem',
|
|
background: 'rgba(139, 92, 246, 0.1)',
|
|
border: '1px solid rgba(139, 92, 246, 0.3)',
|
|
display: 'flex', alignItems: 'center', justifyContent: 'center'
|
|
}}>
|
|
<Download style={{ width: '36px', height: '36px', color: '#8B5CF6' }} />
|
|
</div>
|
|
<h2 style={{ fontFamily: 'monospace', fontSize: '1.5rem', fontWeight: '700', color: '#8B5CF6', textTransform: 'uppercase', letterSpacing: '0.1em', marginBottom: '0.5rem' }}>
|
|
Exports
|
|
</h2>
|
|
<p style={{ color: '#475569', fontSize: '0.875rem', fontFamily: 'monospace' }}>
|
|
Under construction — coming soon
|
|
</p>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|