Voici toutes les tâches que j'ai accomplies pour l'implémentation i18n :
- J'ai analysé tous les composants de l'application pour identifier chaque élément de texte nécessitant une traduction.
- J'ai installé les packages principaux i18next, y compris react-i18next et le détecteur de langue du navigateur.
- J'ai créé une structure de répertoire i18n dédiée pour organiser tous les fichiers de traduction.
- J'ai séparé les traductions en différents namespaces : side_buttons, routeform, map, geocoding et reporting.
- J'ai configuré le système de détection de langue du navigateur pour détecter automatiquement la langue préférée de l'utilisateur.
- J'ai implémenté la persistance localStorage pour mémoriser le choix de langue de l'utilisateur entre les sessions.
- J'ai créé un composant bouton de sélection de langue positionné au-dessus du bouton de déconnexion.
- J'ai ajouté des icônes de drapeaux (en.png et fr.png) pour représenter visuellement chaque option de langue.
- J'ai implémenté un dropdown menu avec