diff --git a/src/App.tsx b/src/App.tsx index 6aa6cde..cd3672b 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -22,6 +22,7 @@ function App() { const [workEnd, setWorkEnd] = React.useState(''); const [breakMins, setBreakMins] = React.useState(0); const [workedHrs, setWorkedHrs] = React.useState(0); + const [overtimeMinutes, setOvertimeMinutes] = React.useState(0); const getHourDiff = () => { const start = toMinutes(workStart); @@ -36,6 +37,12 @@ function App() { return fromMinutes(start + 8 * 60 + breakMins); } + const handleSave = () => { + const hours = getHourDiff(); + setWorkedHrs(hours); + setOvertimeMinutes(Math.round((hours - 8) * 60)); + } + return (
@@ -68,12 +75,21 @@ function App() { onChange={(val) => setBreakMins(Number(val))} /> - Gearbeitete Stunden heute: {workedHrs.toFixed(2)} Wann du gehen kannst für 8 Stunden: {getWorkEndTime()} + {overtimeMinutes === 0 && ( + Du hast genau 8 Stunden gearbeitet. + )} + {overtimeMinutes > 0 && ( + Überstunden: {overtimeMinutes} Minuten + )} + {overtimeMinutes < 0 && ( + Fehlende Minuten für 8 Stunden: {-overtimeMinutes} Minuten + )}
);