Antoine/lhoist-stay-safe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

hadnling translations

Browse Source
This commit is contained in:
Antoine M 2024-02-21 11:03:58 +01:00
parent 119348acfb
commit b5abf68d46
1 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/game/GameQuestion.jsx
View File

@ -3,8 +3,17 @@ import anwserIconSafe from "../../assets/img/icons/anwser_icon_safe.svg";
import anwserIconUnsafe from "../../assets/img/icons/anwser_icon_unsafe.svg"; import anwserIconUnsafe from "../../assets/img/icons/anwser_icon_unsafe.svg";
import { useGame } from "../../hooks/useGame"; import { useGame } from "../../hooks/useGame";
import { useUser } from "../../hooks/useUser";
import Loading from "../animations/Loading";
export default function GameQuestion({ questionId, correctAnswer }, ...props) { export default function GameQuestion({ questionId, correctAnswer }, ...props) {
const { answerQuestion, contextGameDatas } = useGame(); const { answerQuestion, contextGameDatas } = useGame();
const { screensTranslations } = useUser();
if (!screensTranslations || !screensTranslations.tutorial) return <Loading />;
const currentScreenTranslations = screensTranslations.game;
console.log("GameQuestion", currentScreenTranslations);
const objectPictureUrl = contextGameDatas.gameObjects[questionId].attrs.objectPictureUrl; const objectPictureUrl = contextGameDatas.gameObjects[questionId].attrs.objectPictureUrl;
function handleAnswer(questionId, answer) { function handleAnswer(questionId, answer) {
@ -14,13 +23,10 @@ export default function GameQuestion({ questionId, correctAnswer }, ...props) {
return ( return (
<div className='modal-content-container game-question-container'> <div className='modal-content-container game-question-container'>
<div className='modal-content-container__content'> <div className='modal-content-container__content'>
<h3 className='titling-construction '>Trouvé !</h3> <h3 className='titling-construction '>{currentScreenTranslations.found}</h3>
<h2>securisé ou risqué ?</h2> <h2>{currentScreenTranslations.is_it_secure}</h2>
<p className='question'> <p className='question'>{currentScreenTranslations.is_it_secure_question}</p>
Est-ce que la situation comporte un risque majeur ou identifiez vous un bon
comportement ?
</p>
<div className='game-question-container__answer-buttons-container'> <div className='game-question-container__answer-buttons-container'>
<button <button
className='game-question-container__answer-button' className='game-question-container__answer-button'