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

Added styles to the selects and loading state

Browse Source
This commit is contained in:
Francisco Pessano
2021-09-29 21:43:08 -03:00
parent 94d90764b6
commit 731d47d8fe
8 changed files with 103 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/MainPomodoro.jsx
View File

@@ -11,7 +11,6 @@ const MainPomodoro = (props) => {
const [style, setStyle] = useState('Regular')
const [displayHidden, setDisplayHidden] = useState(true)
const [timerOn, setTimerOn] = useState(false)
const [pomodoros, setPomodoros] = useState(0)
const [rests, setRests] = useState(0)
@@ -31,8 +30,8 @@ const MainPomodoro = (props) => {
style={style}
timerOn={timerOn}
setTimerOn={setTimerOn}
timerOn={props.timerOn}
setTimerOn={props.setTimerOn}
pomodoros={pomodoros}
setPomodoros={setPomodoros}
@@ -54,8 +53,8 @@ const MainPomodoro = (props) => {
</h3>
</div>
<button class="start-pomodoro" onClick={() => setTimerOn(!timerOn)}>{
timerOn ? 'STOP' : 'START'
<button class="start-pomodoro" onClick={() => props.setTimerOn(!props.timerOn)}>{
props.timerOn ? 'STOP' : 'START'
}</button>
</div>