refactoring

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);
+		intervalId = setInterval(() => setGameTime(gameTime + 100), 1000);
-		setCurrentTime(currentTime);
+		// 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>
 	);
 }