handlign translations

src/pages/Thematiques.jsx

@@ -14,17 +14,25 @@ import { Pagination, Navigation, EffectCards } from "swiper/modules";
 
 import { useWordpressCustomData } from "../services/WordpressFetchData";
 import { Link } from "react-router-dom";
+import Loading from "../components/animations/Loading";
+import { useUser } from "../hooks/useUser";
 
 export default function Thematiques() {
 	const gamesDatas = useWordpressCustomData(`/screen/play/all`);
 
+	const { language, screensTranslations } = useUser();
+
+	if (!screensTranslations || !screensTranslations.ui || !screensTranslations.pagesName) return <Loading />;
+	const uiScreenTranslations = screensTranslations.ui;
+	const pagesNamesTranslations = screensTranslations.pagesName;
+
 	return (
 		<AnimatedPage className='page-container page-container--thematiques  '>
 			<div className='content-page '>
 				<Nav />
 				<div className='inner-content'>
 					<div className='page-title'>
-						<h1 className='page-title__title'>Thémathiques</h1>
+						<h1 className='page-title__title'>{pagesNamesTranslations.themes}</h1>
 						<div className='page-title__span-construction'>Interactive</div>
 					</div>
 
@@ -70,7 +78,9 @@ export default function Thematiques() {
 												target='_blank'
 												rel='noreferrer'
 												className='cta cta--lhoist cta--button-icon cta--download'>
-												Télécharger
+												{
+													uiScreenTranslations.download
+												}
 											</a>
 										)}
 									</SwiperSlide>