Felipe Cardoso
33dd9b4c98
Implements the main navigation and layout structure: - Sidebar component with collapsible navigation and keyboard shortcut - AppHeader with project switcher and user menu - AppBreadcrumbs with auto-generation from pathname - ProjectSwitcher dropdown for quick project navigation - UserMenu with profile, settings, and logout - AppLayout component combining all layout elements Features: - Responsive design (mobile sidebar sheet, desktop sidebar) - Keyboard navigation (Cmd/Ctrl+B to toggle sidebar) - Dark mode support - WCAG AA accessible (ARIA labels, focus management) All 125 tests passing. Follows design system guidelines.
20 lines
691 B
TypeScript
Executable File
20 lines
691 B
TypeScript
Executable File
/**
|
|
* Layout Components
|
|
* Common layout elements for authenticated pages
|
|
*/
|
|
|
|
// Existing components
|
|
export { Header } from './Header';
|
|
export { Footer } from './Footer';
|
|
export { HeaderSkeleton } from './HeaderSkeleton';
|
|
export { AuthLoadingSkeleton } from './AuthLoadingSkeleton';
|
|
|
|
// Application layout components (Issue #44)
|
|
export { AppLayout, PageContainer, PageHeader } from './AppLayout';
|
|
export { AppHeader } from './AppHeader';
|
|
export { Sidebar } from './Sidebar';
|
|
export { AppBreadcrumbs } from './AppBreadcrumbs';
|
|
export type { BreadcrumbItem } from './AppBreadcrumbs';
|
|
export { ProjectSwitcher, ProjectSelect } from './ProjectSwitcher';
|
|
export { UserMenu } from './UserMenu';
|