Refactor date and time initialization in Export.jsx to use local timezone

This commit is contained in:
Sergey Krashevich 2023-06-14 13:05:38 +03:00
parent 7e5abe7a65
commit b3a171b2f8
No known key found for this signature in database
GPG Key ID: 625171324E7D3856

View File

@ -10,21 +10,17 @@ export default function Export() {
const [camera, setCamera] = useState('select'); const [camera, setCamera] = useState('select');
const [playback, setPlayback] = useState('select'); const [playback, setPlayback] = useState('select');
const [message, setMessage] = useState({ text: '', error: false }); const [message, setMessage] = useState({ text: '', error: false });
const [startDate, setStartDate] = useState('input');
const [startTime, setStartTime] = useState('input');
const [endDate, setEndDate] = useState('input');
const [endTime, setEndTime] = useState('input');
useEffect(() => {
const currentDate = new Date(); const currentDate = new Date();
currentDate.setHours(0, 0, 0, 0); currentDate.setHours(0, 0, 0, 0);
const offsetMs = currentDate.getTimezoneOffset() * 60 * 1000; const offsetMs = currentDate.getTimezoneOffset() * 60 * 1000;
const localISOTime = (new Date(currentDate.getTime() - offsetMs)).toISOString().slice(0,16); const localDate = new Date(currentDate.getTime() - offsetMs);
setStartDate(localISOTime); const localISODate = localDate.toISOString().split('T')[0];
setStartTime("00:00");
setEndDate(localISOTime); const [startDate, setStartDate] = useState(localISODate);
setEndTime("23:59"); const [startTime, setStartTime] = useState("00:00");
}, []); const [endDate, setEndDate] = useState(localISODate);
const [endTime, setEndTime] = useState("23:59");
const onHandleExport = () => { const onHandleExport = () => {
if (camera == 'select') { if (camera == 'select') {
@ -52,8 +48,13 @@ export default function Export() {
return; return;
} }
axios.post(`export/${camera}/start/${start}/end/${end}`, { playback })
.then(() => {
setMessage({ text: 'Successfully started export. View the file in the /exports folder.', error: false }); setMessage({ text: 'Successfully started export. View the file in the /exports folder.', error: false });
axios.post(`export/${camera}/start/${start}/end/${end}`, { playback }); })
.catch((error) => {
setMessage({ text: 'Failed to start export.', error: true });
});
}; };
return ( return (