update the lang of the html element according to language displayed

the-collab-lab · May 13, 2024 · e4c712e · e4c712e
1 parent 6554d6f
commit e4c712e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/i18n.js b/src/i18n.js
@@ -52,7 +52,7 @@ const resources = {
 
 			// manage list page
 			MessageAddItems: 'Add new items and share your list with other users',
-			AddItem: 'ADD A NEW ITEM',
+			AddItemTitle: 'ADD A NEW ITEM',
 			InputTypeNewItem: 'Type a new item name',
 			ChooseDate: 'Choose item s likely need date',
 			Soon: 'Soon (within 7 days)',
@@ -140,7 +140,7 @@ const resources = {
 
 			// manage list page
 			MessageAddItems: 'Ajoutez un nouvel element, ou partagez votre liste',
-			AddItem: 'AJOUTER NOUVEL ELEMENT',
+			AddItemTitle: 'AJOUTER NOUVEL ELEMENT',
 			InputTypeNewItem: 'Ecrivez le nom d un element',
 			ChooseDate: 'Quand en avez-vous besoin ?',
 			Soon: 'Sous peu (sous 7 jours)',
@@ -198,4 +198,6 @@ i18n
 		},
 	});
 
+document.documentElement.lang = i18n.language;
+
 export default i18n;
diff --git a/src/views/ManageList.jsx b/src/views/ManageList.jsx
@@ -158,7 +158,7 @@ export function ManageList({ data, listPath, userId, userEmail }) {
 						className="flex flex-col text-base sm:text-lg"
 					>
 						<h2 className="text-lg sm:text-xl text-left text-darkPurple border-solid border-darkPurple border-b pb-2 mb-8">
-							{t('AddItem')}
+							{t('AddItemTitle')}
 						</h2>
 
 						<input