franpcode/Pomodoro-Timer-with-Clockify-integration
1
0
Fork 0
mirror of https://github.com/FranP-code/Pomodoro-Timer-with-Clockify-integration.git synced 2025-10-12 23:52:30 +00:00
Code Issues 1 Packages Projects Releases Wiki Activity

Pomodoro countdown logic added

Browse Source
This commit is contained in:
Francisco Pessano
2021-09-20 23:02:19 -03:00
parent b20c2ed18d
commit 4ed7f228f9
3 changed files with 111 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

105
src/components/MainPomodoroTimer.jsx
View File

@@ -1,11 +1,13 @@
import react from 'react'
import React, {useState} from 'react'
const MainPomodoroTimer = (props) => {
const [minutes, setMinutes] = useState('61')
const [seconds, setSeconds] = useState('60')
const [breakTime, setBreakTime] = useState(undefined)
const [weAreInBreakTime, setWeAreInBreakTime] = useState(false)
const setTimeStyle = () => {
if (props.style === 'Can I play, Daddy?') {
@@ -14,16 +16,42 @@ const MainPomodoroTimer = (props) => {
setMinutes(minutes)
setSeconds(seconds)
setBreakTime(
{
normal: {
minutes: 5,
seconds: 0
},
extended: {
minutes: 15,
seconds: 0
}
}
)
}
if (props.style === 'Regular'){
const minutes = 25
const seconds = 0
const minutes = 0
const seconds = 5
setMinutes(minutes)
setSeconds(seconds)
setBreakTime(
{
normal: {
minutes: 0,
seconds: 10
},
extended: {
minutes: 15,
seconds: 0
}
}
)
}
if (props.style === 'Creative work') {
@@ -32,6 +60,19 @@ const MainPomodoroTimer = (props) => {
setMinutes(minutes)
setSeconds(seconds)
setBreakTime(
{
normal: {
minutes: 10,
seconds: 0
},
extended: {
minutes: 20,
seconds: 0
}
}
)
}
if (props.style === 'Last minute delivery') {
@@ -40,6 +81,19 @@ const MainPomodoroTimer = (props) => {
setMinutes(minutes)
setSeconds(seconds)
setBreakTime(
{
normal: {
minutes: 15,
seconds: 0
},
extended: {
minutes: 30,
seconds: 0
}
}
)
}
}
@@ -49,10 +103,11 @@ const MainPomodoroTimer = (props) => {
setTimeStyle, []
)
React.useEffect ( () => {
let idTimeOut
if (props.timerOn) {
if (weAreInBreakTime && props.timerOn && minutes >= 0 && seconds > 0) {
idTimeOut = setTimeout(() => {
@@ -69,8 +124,44 @@ const MainPomodoroTimer = (props) => {
}, 1000)
} else {
setTimeStyle()
} else if (weAreInBreakTime && props.timerOn && minutes === 0 && seconds === 0) {
setTimeout( () => {
setWeAreInBreakTime(false)
props.setTimerOn(false)
setTimeStyle()
}, 1000)
}
if (props.timerOn && !weAreInBreakTime && minutes >= 0 && seconds > 0) {
idTimeOut = setTimeout(() => {
if (seconds === 0) {
setSeconds(59)
console.log(seconds)
setMinutes(minutes - 1)
} else {
const computedSeconds = seconds - 1
setSeconds(computedSeconds)
}
}, 1000)
}
else if (props.timerOn && !weAreInBreakTime){
setTimeout( () => {
setMinutes(breakTime.normal.minutes)
setSeconds(breakTime.normal.seconds)
setWeAreInBreakTime(true)
}, 1000)
}
return () => {