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

displaying behaviour sing on top of cover

Browse Source
This commit is contained in:
Antoine M 2024-06-10 09:38:01 +02:00
parent dc29df4b54
commit f2757ad875
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/game/GameAnswerExplanation.jsx
View File

@ -21,10 +21,11 @@ export default function GameAnwerExplanation({ questionId }) {
const answerExplanation = const answerExplanation =
contextGameDatas.gameObjects[questionId].attrs.objectBehaviourDescription ?? contextGameDatas.gameObjects[questionId].attrs.objectBehaviourDescription ??
"Pas d'explication pour cette question"; "Pas d'explication pour cette question";
const answerBehaviour = answer.correctAnswer ?? "";
const objectPictureUrl = contextGameDatas.gameObjects[questionId].attrs.objectPictureUrl; const objectPictureUrl = contextGameDatas.gameObjects[questionId].attrs.objectPictureUrl;
return ( return (
<div className='modal-content-container modal-content-container--grided answer-explanation-container'> <div className='modal-content-container modal-content-container--grided answer-explanation-container answer-explanation-container'>
<div className='modal-content-container__content'> <div className='modal-content-container__content'>
{answer.userAnsweredCorrectly === true && ( {answer.userAnsweredCorrectly === true && (
<> <>
@ -70,7 +71,8 @@ export default function GameAnwerExplanation({ questionId }) {
className='continue-game cta cta--construction cta--round cta--button-icon cta--next' className='continue-game cta cta--construction cta--round cta--button-icon cta--next'
/> />
</div> </div>
<div className='modal-content-container__cover'> <div
className={`modal-content-container__cover modal-content-container__cover--${answerBehaviour}`}>
<img src={objectPictureUrl} alt='' /> <img src={objectPictureUrl} alt='' />
</div> </div>
</div> </div>