diff --git a/ netlify.toml b/ netlify.toml new file mode 100644 index 0000000..dbd891d --- /dev/null +++ b/ netlify.toml @@ -0,0 +1,2 @@ +[build] +command = “CI= npm run build” \ No newline at end of file diff --git a/public/favicon.ico b/public/favicon.ico index a11777c..1923dba 100644 Binary files a/public/favicon.ico and b/public/favicon.ico differ diff --git a/src/components/Main Pomodoro Childrens/MainPomodoroTimer.jsx b/src/components/Main Pomodoro Childrens/MainPomodoroTimer.jsx index b4857f3..4df180e 100644 --- a/src/components/Main Pomodoro Childrens/MainPomodoroTimer.jsx +++ b/src/components/Main Pomodoro Childrens/MainPomodoroTimer.jsx @@ -30,9 +30,27 @@ const MainPomodoroTimer = (props) => { const [velocity, setVelocity] = useState(1) + const [notificationPermission, setNotificationPermission] = useState('') + const setTimeStyle = () => setTimeStyleExternal(props, setMinutes, setSeconds, setBreakTime, setActualStyle, breakTime) + const getPermisionDesktopNotification = async () => { + + let permission = await Notification.requestPermission(); + + if (permission === 'granted') { + + await setNotificationPermission(true) + + } else { + + setNotificationPermission(false) + } + + } + React.useEffect (() => { + if (actualStyle !== props.style) { setTimeStyle() @@ -44,6 +62,8 @@ const MainPomodoroTimer = (props) => { setControlKonamiCode(false) } + + getPermisionDesktopNotification() }) @@ -167,6 +187,13 @@ const MainPomodoroTimer = (props) => { setTimerActivity(false) playAudio('work') + + + if (notificationPermission) { + + new Notification('Pomodoro ended'); + } + if (restCounter !== 3){ @@ -221,7 +248,12 @@ const MainPomodoroTimer = (props) => { setTimerActivity(false) playAudio('rest') - + + if (notificationPermission) { + + new Notification('Rest ended'); + } + setTimeout( () => { if (restCounter === 4) { diff --git a/src/components/Misc/detectKeys.js b/src/components/Misc/detectKeys.js index 9d0d706..71d737d 100644 --- a/src/components/Misc/detectKeys.js +++ b/src/components/Misc/detectKeys.js @@ -1,5 +1,3 @@ -import React from 'react' - const detectKeys = (setKonamiCodeActive) => { let secuencie = []