Implemented responsive layout system with: - Header: Top navigation with profile menu and mobile hamburger - Sidebar: Desktop-only navigation sidebar (lg and above) - Breadcrumbs: Auto-generated navigation breadcrumbs - Layout: Main wrapper component with configurable options Features: - Responsive design (mobile, tablet, desktop) - Active route highlighting - User profile integration via auth store - Click-outside dropdown closing - Comprehensive test coverage (49 tests passing) Updated (main) layout to use new Layout component system. Updated dashboard page to work with new layout structure. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
24 lines
607 B
TypeScript
24 lines
607 B
TypeScript
'use client';
|
|
|
|
/**
|
|
* Dashboard Page
|
|
*
|
|
* Main dashboard showing overview of beneficiaries and sensor status.
|
|
*/
|
|
export default function DashboardPage() {
|
|
return (
|
|
<div>
|
|
<div className="mb-6">
|
|
<h1 className="text-3xl font-bold text-slate-900">Dashboard</h1>
|
|
<p className="mt-2 text-slate-600">
|
|
Monitor your loved ones and manage their health sensors
|
|
</p>
|
|
</div>
|
|
|
|
<div className="rounded-lg border border-slate-200 bg-white p-8 text-center">
|
|
<p className="text-slate-600">Dashboard content coming soon...</p>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|