From 119348acfba1851848635729973e8ecc6aae83f7 Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Wed, 21 Feb 2024 11:03:47 +0100
Subject: [PATCH] hadnling translations

---
 src/components/game/GameAnswerExplanation.jsx | 24 +++++++++++++++----
 1 file changed, 20 insertions(+), 4 deletions(-)

diff --git a/src/components/game/GameAnswerExplanation.jsx b/src/components/game/GameAnswerExplanation.jsx
index a5a37db..4bf8608 100644
--- a/src/components/game/GameAnswerExplanation.jsx
+++ b/src/components/game/GameAnswerExplanation.jsx
@@ -3,16 +3,23 @@ import { useGame } from "../../hooks/useGame";
 
 import sucessIcon from "../../assets/img/icons/behaviour-type-success.svg";
 import errorIcon from "../../assets/img/icons/behaviour-type-error.svg";
+import { useUser } from "../../hooks/useUser";
+import Loading from "../animations/Loading";
 
 export default function GameAnwerExplanation({ questionId }) {
 	const { answers, contextGameDatas, setCurrentGameModal, checkIfGameIsComplete } = useGame();
+	const { screensTranslations } = useUser();
+
+	if (!screensTranslations || !screensTranslations.tutorial) return <Loading />;
+	const currentScreenTranslations = screensTranslations.game;
+
 	const answer = answers[questionId];
 
 	const answerExplanation =
 		contextGameDatas.gameObjects[questionId].attrs.objectBehaviourDescription ??
 		"Pas d'explication pour cette question";
 	const objectPictureUrl = contextGameDatas.gameObjects[questionId].attrs.objectPictureUrl;
-
+	console.log(answer);
 	return (
 		<div className='modal-content-container answer-explanation-container'>
 			<div className='modal-content-container__content'>
@@ -20,7 +27,7 @@ export default function GameAnwerExplanation({ questionId }) {
 					<>
 						<div></div>
 						<h3 className='answer-explanation__type answer-explanation__type--success '>
-							Bonne réponse !
+							{currentScreenTranslations.right_answer}
 							<img
 								className='success-icon success-icon--success'
 								src={sucessIcon}
@@ -32,7 +39,7 @@ export default function GameAnwerExplanation({ questionId }) {
 				{answer.userAnsweredCorrectly === false && (
 					<>
 						<h3 className='answer-explanation__type answer-explanation__type--error'>
-							Mauvaise réponse
+							{currentScreenTranslations.wrong_answer}
 							<img
 								className='success-icon success-icon--error'
 								src={errorIcon}
@@ -41,7 +48,16 @@ export default function GameAnwerExplanation({ questionId }) {
 						</h3>
 					</>
 				)}
-				<h2 className='answer-explanation__title'>C'est un risque</h2>
+				{answer.correctAnswer === "safe" && (
+					<h2 className='answer-explanation__title'>
+						{currentScreenTranslations.it_is_not_risk}
+					</h2>
+				)}
+				{answer.correctAnswer === "unsafe" && (
+					<h2 className='answer-explanation__title'>
+						{currentScreenTranslations.it_is_risk}
+					</h2>
+				)}
 				<p>{answerExplanation}</p>
 				<button
 					onClick={() => {