diff --git a/src/components/Question.js b/src/components/Question.js index 483506fb..9fe4bc9e 100644 --- a/src/components/Question.js +++ b/src/components/Question.js @@ -1,9 +1,20 @@ -import React, { useState } from "react"; +import React, { useEffect, useState } from "react"; function Question({ question, onAnswered }) { const [timeRemaining, setTimeRemaining] = useState(10); - // add useEffect code + useEffect(() => { + if (timeRemaining === 0) { + onAnswered(false); + setTimeRemaining(10); + return; + } + const timerID = setTimeout(() => { + setTimeRemaining(timeRemaining - 1); + }, 1000); + + return () => clearTimeout(timerID); + }, [timeRemaining, onAnswered]); function handleAnswer(isCorrect) { setTimeRemaining(10);