Fixed bug that dont allow the change of the times of the pomodoro timer

This commit is contained in:
2021-09-27 19:08:00 -03:00
parent 65e271de30
commit 6fa94486f7

View File

@@ -2,8 +2,8 @@ import React, {useState} from 'react'
const MainPomodoroTimer = (props) => {
const [minutes, setMinutes] = useState('61')
const [seconds, setSeconds] = useState('60')
const [minutes, setMinutes] = useState('25')
const [seconds, setSeconds] = useState('0')
const [breakTime, setBreakTime] = useState(undefined)
const [weAreInBreakTime, setWeAreInBreakTime] = useState(false)
@@ -12,6 +12,8 @@ const MainPomodoroTimer = (props) => {
const [timerActivity, setTimerActivity] = useState(false)
const [actualStyle, setActualStyle] = useState('Regular')
const setTimeStyle = () => {
if (props.style === 'Can I play, Daddy?') {
@@ -34,6 +36,8 @@ const MainPomodoroTimer = (props) => {
}
)
setActualStyle(props.style)
return {
minutes, seconds, breakTime
}
@@ -42,7 +46,7 @@ const MainPomodoroTimer = (props) => {
if (props.style === 'Regular'){
const minutes = 3
const minutes = 25
const seconds = 0
setMinutes(minutes)
@@ -51,16 +55,18 @@ const MainPomodoroTimer = (props) => {
setBreakTime(
{
normal: {
minutes: 0,
seconds: 15
minutes: 5,
seconds: 0
},
extended: {
minutes: 0,
seconds: 20
minutes: 15,
seconds: 0
}
}
)
setActualStyle(props.style)
return {
minutes, seconds, breakTime
}
@@ -87,6 +93,8 @@ const MainPomodoroTimer = (props) => {
}
)
setActualStyle(props.style)
return {
minutes, seconds, breakTime
}
@@ -113,6 +121,8 @@ const MainPomodoroTimer = (props) => {
}
)
setActualStyle(props.style)
return {
minutes, seconds, breakTime
}
@@ -121,9 +131,12 @@ const MainPomodoroTimer = (props) => {
}
React.useEffect (
setTimeStyle, []
)
React.useEffect (() => {
if (actualStyle !== props.style) {
setTimeStyle()
}
})
const startTimer = (velocity = 1) => {
return setTimeout(() => {