From 62a29d4b9d0c286ae61205bc8c99f7806909c10e Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Wed, 21 Feb 2024 11:05:11 +0100
Subject: [PATCH] refactoring

---
 src/components/game/Timer.jsx | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/components/game/Timer.jsx b/src/components/game/Timer.jsx
index eadfc50..15b6c53 100644
--- a/src/components/game/Timer.jsx
+++ b/src/components/game/Timer.jsx
@@ -1,27 +1,29 @@
 import React, { useEffect, useState } from "react";
 import clock from "../../assets/img/clock.svg";
 import { useGame } from "../../hooks/useGame";
-import {formatCurrentTime} from "../../utils/gameFunctions";
+import { formatCurrentTime } from "../../utils/gameFunctions";
 
-export default function Timer({ currentTime, setCurrentTime }) {
+export default function Timer() {
 	const { hasCheckedTutorial, isTimeRuning } = useGame();
-	console.log("currentTime", currentTime);
+
+	const { setGameTime, gameTime } = useGame();
+
 	useEffect(() => {
 		if (!hasCheckedTutorial || !isTimeRuning) return;
 		let intervalId;
-		intervalId = setInterval(() => setCurrentTime(currentTime + 100), 1000);
-		setCurrentTime(currentTime);
+		intervalId = setInterval(() => setGameTime(gameTime + 100), 1000);
+		// setCurrentTime(currentTime);
 
 		return () => clearInterval(intervalId);
-	}, [hasCheckedTutorial, currentTime, isTimeRuning]);
+	}, [hasCheckedTutorial, gameTime, isTimeRuning]);
 
-	const gameTime = formatCurrentTime(currentTime);
+	const gameFormatedTime = formatCurrentTime(gameTime);
 
 	return (
 		<div className='timer'>
 			<div className='bg'></div>
 			<img className='clock' src={clock} alt='' />
-			<h2>{gameTime}</h2>
+			<h2>{gameFormatedTime}</h2>
 		</div>
 	);
 }