Matthieu MALVACHEandMatthieu MALVACHE
5d273e2109
This release significantly expands internationalization support and adds comprehensive identity management features. Internationalization (i18n): - Add 5 new languages: Spanish, Italian, German, Dutch, Portuguese - Expand from 3 to 8 total supported languages - Redesign language switcher for better scalability (dropdown UI) - Complete translations for all features across all languages Identity Management: - Multiple sender identities with per-identity signatures - Sub-addressing support (user+tag@domain.com) - Context-aware tag suggestions for sub-addresses - Identity badges in email viewer and list - Full CRUD operations for managing identities Newsletter Management: - RFC 2369 List-Unsubscribe support (one-click unsubscribe) - HTTP and mailto unsubscribe methods - Security validation prevents XSS attacks - Two-step confirmation with persistent dismissal Security & Accessibility: - Dark mode email readability (intelligent color transformation) - WCAG 2.0 Level AA color contrast compliance - Comprehensive XSS prevention with validation utilities - Unit test coverage for security-critical code (57 validation tests) Testing: - Add unit tests for validation utilities - Add unit tests for email sanitization - Add unit tests for color transformation - Full test coverage for XSS attack vectors
32 lines
874 B
TypeScript
32 lines
874 B
TypeScript
"use client";
|
|
|
|
import { useLocale } from 'next-intl';
|
|
import { useLocaleStore } from '@/stores/locale-store';
|
|
import { Select } from '@/components/settings/settings-section';
|
|
|
|
export function LanguageSwitcher({ className }: { className?: string }) {
|
|
const currentLocale = useLocale();
|
|
const setLocale = useLocaleStore((state) => state.setLocale);
|
|
|
|
const languages = [
|
|
{ value: 'en', label: 'English' },
|
|
{ value: 'fr', label: 'Français' },
|
|
{ value: 'ja', label: '日本語' },
|
|
{ value: 'es', label: 'Español' },
|
|
{ value: 'it', label: 'Italiano' },
|
|
{ value: 'de', label: 'Deutsch' },
|
|
{ value: 'nl', label: 'Nederlands' },
|
|
{ value: 'pt', label: 'Português' }
|
|
];
|
|
|
|
return (
|
|
<div className={className}>
|
|
<Select
|
|
value={currentLocale}
|
|
onChange={setLocale}
|
|
options={languages}
|
|
/>
|
|
</div>
|
|
);
|
|
}
|