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

scroll top on component mount

Browse Source
This commit is contained in:
Antoine M 2024-05-13 10:27:37 +02:00
parent 9adc3194ab
commit 67ea922811
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,4 +1,4 @@
import React from "react"; import React, { useEffect } from "react";
import { useGame } from "../../hooks/useGame"; import { useGame } from "../../hooks/useGame";
import sucessIcon from "../../assets/img/icons/behaviour-type-success.svg"; import sucessIcon from "../../assets/img/icons/behaviour-type-success.svg";
@ -7,6 +7,9 @@ import { useUser } from "../../hooks/useUser";
import Loading from "../animations/Loading"; import Loading from "../animations/Loading";
export default function GameAnwerExplanation({ questionId }) { export default function GameAnwerExplanation({ questionId }) {
useEffect(() => {
document.querySelector("dialog").scrollTo(0, 0);
},[]);
const { answers, contextGameDatas, setCurrentGameModal, checkIfGameIsComplete } = useGame(); const { answers, contextGameDatas, setCurrentGameModal, checkIfGameIsComplete } = useGame();
const { screensTranslations } = useUser(); const { screensTranslations } = useUser();
@ -19,7 +22,7 @@ export default function GameAnwerExplanation({ questionId }) {
contextGameDatas.gameObjects[questionId].attrs.objectBehaviourDescription ?? contextGameDatas.gameObjects[questionId].attrs.objectBehaviourDescription ??
"Pas d'explication pour cette question"; "Pas d'explication pour cette question";
const objectPictureUrl = contextGameDatas.gameObjects[questionId].attrs.objectPictureUrl; const objectPictureUrl = contextGameDatas.gameObjects[questionId].attrs.objectPictureUrl;
return ( return (
<div className='modal-content-container answer-explanation-container'> <div className='modal-content-container answer-explanation-container'>
<div className='modal-content-container__content'> <div className='modal-content-container__content'>