Merge pull request #284 from Arquisoft/FixTimer

Fixed timer
Arquisoft · Apr 23, 2024 · 33bc69f · 33bc69f
2 parents 2f55e13 + 7611886
commit 33bc69f
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/webapp/src/components/game/Game.js b/webapp/src/components/game/Game.js
@@ -43,6 +43,7 @@ export const Game = ({finishFunction, name, tags}) => {
     const [loading, setLoading] = useState(true);
     const [time , setTime] = useState(undefined);
     const [remTime, setRemTime] = useState(0);
+    const [percentage, setPercentage] = useState(0);
     const location = useLocation();
 
     const againstClockFinish = async () => {
@@ -173,7 +174,8 @@ export const Game = ({finishFunction, name, tags}) => {
 
                         percentage =  (trans/total) * 100;
                         invertedPercentage = 100 - Number(percentage);
-
+
+                        setPercentage(invertedPercentage)
                         setRemTime((invertedPercentage/100)*gameTime);
                     }else{
                         gameTime = basicGameSetting.durationQuestion ;
@@ -183,9 +185,9 @@ export const Game = ({finishFunction, name, tags}) => {
                         percentage =  (trans/total) * 100;
                         invertedPercentage = 100 - Number(percentage);
 
+                        setPercentage(invertedPercentage)
                         setRemTime((invertedPercentage/100)*gameTime);
                     }
-
                     if(percentage > 100){
                         comprobarPregunta("");
                         time = undefined;
@@ -330,7 +332,7 @@ export const Game = ({finishFunction, name, tags}) => {
             }}
             className="text-black dark:text-white "
             >
-                <LinearProgress  color='inherit' variant={loading? "indeterminate" : "determinate"} value={remTime}  />
+                <LinearProgress  color='inherit' variant={loading? "indeterminate" : "determinate"} value={percentage}  />
             </Box>
         </Container>
     </Container>