From 7984ae43a1f122cea3aecd5db4545b3d40db9945 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Thu, 11 Jul 2024 16:28:03 +0200
Subject: [PATCH] handlign translations

---
 src/pages/Thematiques.jsx | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/pages/Thematiques.jsx b/src/pages/Thematiques.jsx
index 83a37f1..63c31c0 100644
--- a/src/pages/Thematiques.jsx
+++ b/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>