- Removed isLoading from main loading condition
- Now only shows full-screen loader for auth/initial load
- Email list handles its own loading state when switching folders
- Eliminates jarring fade in/fade out effect when navigating between mailboxes
- Changed positioning from bottom-12 to bottom-0
- Menu now slides up from bottom when opened (-translate-y-12)
- Removed opacity transition to keep menu always visible during animation
- Menu properly appears above the toggle button when activated
- Added relative positioning to sidebar container
- Menu now properly contained within sidebar's 256px width
- Added z-index and shadow for better visual layering
- Positioned menu above toggle button with rounded top corners
- Added opacity transition for smoother animation
- Created sliding menu panel that slides up from bottom
- Added two-level navigation: main menu and settings submenu
- Replaced emoji flags with text-based language selection (EN/FR)
- Simplified theme selector with compact button design
- Added smooth transitions between menu states
- Organized menu items: Storage, Settings, Sign Out
- Implemented back navigation in settings submenu
- Clean, minimalistic design with subtle borders and hover states
- Updated all components to use theme CSS variables instead of hardcoded gray colors
- Fixed issue where light mode only changed borders but not backgrounds
- Components now properly respect theme switching with consistent colors
- Replaced bg-gray-*, text-gray-*, border-gray-* with theme variables (bg-background, text-foreground, etc.)
Affected components:
- Main page layout
- Login page
- Sidebar navigation
- All UI components (Button, Input, Toast, Language Switcher)
- Email viewer, list, and list items
- Fixed light mode not applying correctly by ensuring proper class handling
- Fixed French language switching with updated middleware configuration
- Improved dark mode color contrast on language selector
- Redesigned sidebar footer with sliding settings panel for better UX
- Added visual storage quota indicator with progress bar
- Updated theme switcher with grid layout and better visual feedback
- Separated logout button from other settings for clarity
- Added proper translations for all UI elements
- Fixed theme persistence across page refreshes
- Add next-intl for internationalization
- Create English and French translation files
- Implement language switcher component in sidebar
- Configure automatic browser language detection
- Update all components to use translation keys
- Set up locale-aware routing with [locale] directory structure
- Add i18n guidelines to CLAUDE.md for future development
- Store user language preference in localStorage
The app now supports:
- English (en) and French (fr) languages
- Automatic browser language detection on first visit
- User language preference persistence
- Real-time language switching without page reload
- Complete translation coverage for all UI elements
- Updated globals.css to use standard CSS variables instead of HSL
- Replaced custom color utilities with standard Tailwind classes
- Fixed all component styles to use gray color scale
- Simplified Tailwind configuration
- Set up Next.js 15.5 with TypeScript and Turbopack
- Configured Tailwind CSS v4 with minimalist design system
- Created core email components: list, viewer, composer
- Implemented sidebar navigation with mailbox folders
- Added JMAP client wrapper using jmap-jam library
- Set up Zustand for state management
- Created responsive layout with three-pane view
- Added mock data for development
Matthieu MALVACHE