upd: minTime maxTime makes it annoying to input, invalid time handled in result instead

3 files changed, 28 insertions, 9 deletions

diff --git a/src/App.jsx b/src/App.jsx
index a53e59b..db340da 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -7,13 +7,15 @@ import SalaryInput from "./SalaryInput.jsx";
 import Result from "./Result.jsx";
 import RemoveCircleIcon from '@mui/icons-material/RemoveCircle';
 import AddCircleIcon from '@mui/icons-material/AddCircle';
+import Icon from '@mdi/react';
+import { mdiGitlab } from '@mdi/js';
 
 
 function App() {
     const [baseSalary, setBaseSalary] = useState(0);
     const [listEntry, setListEntry] = useState(
         [
-            {id: 0, date: dayjs(), start: dayjs(), finish: dayjs()},
+            {id: 0, date: dayjs(), start: dayjs().set('hour', 17).set('minute', 30), finish: dayjs().set('hour', 18).set('minute', 30)},
         ]
     );
     const [removeDisabled, setRemoveDisabled] = useState(false);
@@ -125,12 +127,19 @@ function App() {
                                 <li><Typography>Belum termasuk versi 6 hari kerja (todo)</Typography></li>
                                 <li><Typography>UI belum responsive (todo)</Typography></li>
                             </ul>
-                            <Typography paragraph={true} padding={'10px'} marginTop={'5px'}>
-                                <a href='https://gitlab.com/rosyidharyadi/overreact' target='_blank'>Source</a>
-                            </Typography>
-                            <Typography variant='overline' display='block' align='center' padding={'10px'} marginTop={'5px'}>
-                                Rosyid
-                            </Typography>
+                            <div style={{textAlign: 'center'}}>
+                                <a href='https://gitlab.com/rosyidharyadi/overreact' target='_blank'>
+                                    <Icon path={mdiGitlab}
+                                          title="Repository"
+                                          size={2}
+                                          // horizontal
+                                          // vertical
+                                          // rotate={90}
+                                          color="blue"
+                                          spin
+                                    />
+                                </a>
+                            </div>
                         </Paper>
                     </Grid>
                 </Grid>
diff --git a/src/Entry.jsx b/src/Entry.jsx
index c486680..6c57903 100644
--- a/src/Entry.jsx
+++ b/src/Entry.jsx
@@ -22,7 +22,7 @@ function Entry({propId, propDate, propStart, propFinish, handleEntryChange}) {
                 <TimePicker label="Mulai"
                             ampm={false}
                             value={start}
-                            maxTime={finish}
+                            // maxTime={finish}
                             onAccept={(newStart) => {
                                 setStart(newStart);
                                 handleEntryChange({id: propId, start: newStart}, 'start')
@@ -31,7 +31,7 @@ function Entry({propId, propDate, propStart, propFinish, handleEntryChange}) {
                 <TimePicker label="Selesai"
                             ampm={false}
                             value={finish}
-                            minTime={start}
+                            // minTime={start}
                             onAccept={(newFinish) => {
                                 setFinish(newFinish);
                                 handleEntryChange({id: propId, finish: newFinish}, 'finish')
diff --git a/src/Result.jsx b/src/Result.jsx
index dd977c5..3ba9a4e 100644
--- a/src/Result.jsx
+++ b/src/Result.jsx
@@ -9,6 +9,16 @@ function Result({listEntry, baseSalary}) {
         setTotalOvertimePay(getOvertimePayTotal(listEntry, baseSalary));
     }, [listEntry, baseSalary]);
 
+    if (totalOvertimePay < 0) {
+        return (
+                <Container>
+                    <Typography variant='h5'>
+                        Waktu selesai mendahului waktu mulai. Mohon diperbaiki input.
+                    </Typography>
+                </Container>
+            )
+    }
+
     return (
         <Container>
             <Typography variant='h5'>