diff --git a/src/components/break-reminder/BreakReminder.js b/src/components/break-reminder/BreakReminder.js index f7dab52..753492e 100644 --- a/src/components/break-reminder/BreakReminder.js +++ b/src/components/break-reminder/BreakReminder.js @@ -1,12 +1,18 @@ import * as React from 'react'; import { useState, useEffect, useContext } from 'react'; import { Box } from '@mui/system'; -import { FormControl, InputLabel, OutlinedInput } from '@mui/material'; +import { + FormControl, + InputLabel, + OutlinedInput, + LinearProgress +} from '@mui/material'; import Stack from '@mui/material/Stack'; import Button from '@mui/material/Button'; import BreakReminderModal from '../break-modal/Modal'; import { ThemeContext } from '../../context/theme'; import './breakReminder.scss'; +import { When } from 'react-if'; function BreakReminder() { const theme = useContext(ThemeContext); @@ -84,6 +90,13 @@ function BreakReminder() { : {second} + 0}> +
+ + + +
+