From 6670fea41c6e6ff39f07ea4a1a1ab5ac11c6c00e Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Thu, 16 May 2024 18:01:23 +0200
Subject: [PATCH] passing dynamic pages translations

---
 src/pages/Rating.jsx | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/pages/Rating.jsx b/src/pages/Rating.jsx
index e6fd0a7..5f3096b 100644
--- a/src/pages/Rating.jsx
+++ b/src/pages/Rating.jsx
@@ -2,9 +2,14 @@ import React, { useEffect, useState } from "react";
 import AnimatedPage from "../components/AnimatedPage";
 import { useNavigate } from "react-router-dom";
 import { postRatingData } from "../services/WordpressFetchData";
+import { useUser } from "../hooks/useUser";
+import Loading from "../components/animations/Loading";
+
 export default function Rate() {
 	const [rating, setRating] = useState(undefined);
 
+	const { screensTranslations } = useUser();
+
 	useEffect(() => {
 		return () => {
 			setRating(undefined);
@@ -13,6 +18,9 @@ export default function Rate() {
 
 	const navigate = useNavigate();
 
+	if (!screensTranslations || !screensTranslations.game_results) return <Loading />;
+	const currentScreenTranslations = screensTranslations.rating;
+
 	function handleRatingChange(event) {
 		// setRating({ ...rating, note: event.target.value });
 		setRating({ ...rating, note: 2 });
@@ -31,8 +39,8 @@ export default function Rate() {
 		<AnimatedPage className='page-container page-container--rating'>
 			<div className='screen '>
 				<div className='screen__content'>
-					<h1 className='titling-construction '>Notes</h1>
-					<h2>merci pour votre participation</h2>
+					<h1 className='titling-construction '>{currentScreenTranslations.title}</h1>
+					<h2>{currentScreenTranslations.text}</h2>
 					<div className='rating'>
 						<div className='rating__items'>
 							<input
@@ -109,7 +117,7 @@ export default function Rate() {
 
 					<textarea
 						onChange={handleCommentChange}
-						placeholder="Qu'avez-vous pensé de cette expérience ?"
+						placeholder={currentScreenTranslations.placeholder}
 						name=''
 						id=''
 						cols='10'