admin/bodyshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

- Merge client update into test-beta

Browse Source 
Signed-off-by: Dave Richer <dave@imexsystems.ca>
This commit is contained in:
Dave Richer
2024-01-18 19:20:08 -05:00
parent b53fdadaee e255f0a664
commit 3690ea0332
696 changed files with 92291 additions and 107075 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
client/src/components/ticket-tickets-dates-selector/time-tickets-dates-selector.component.jsx
View File

@@ -1,48 +1,48 @@
import DatePickerRanges from "../../utils/DatePickerRanges";
import { DatePicker } from "antd";
import moment from "moment";
import {DatePicker} from "antd";
import dayjs from "../../utils/day";
import queryString from "query-string";
import React from "react";
import { useHistory, useLocation } from "react-router-dom";
import {useLocation, useNavigate} from "react-router-dom";
export default function TimeTicketsDatesSelector() {
const searchParams = queryString.parse(useLocation().search);
const { start, end } = searchParams;
const history = useHistory();
const searchParams = queryString.parse(useLocation().search);
const {start, end} = searchParams;
const history = useNavigate();
const handleChange = (dates) => {
if (dates) {
const [start, end] = dates;
const handleChange = (dates) => {
if (dates) {
const [start, end] = dates;
if (!!start && !!end) {
history.push({
search: queryString.stringify({
...searchParams,
start: start.format("YYYY-MM-DD"),
end: end.format("YYYY-MM-DD"),
}),
});
}
} else {
history.push({
search: queryString.stringify({
...searchParams,
start: null,
end: null,
}),
});
}
};
if (!!start && !!end) {
history({
search: queryString.stringify({
...searchParams,
start: start.format("YYYY-MM-DD"),
end: end.format("YYYY-MM-DD"),
}),
});
}
} else {
history({
search: queryString.stringify({
...searchParams,
start: null,
end: null,
}),
});
}
};
return (
<DatePicker.RangePicker
defaultValue={[
start ? moment(start) : moment().startOf("week").subtract(7, "days"),
end ? moment(end) : moment().endOf("week"),
]}
format="MM/DD/YYYY"
ranges={DatePickerRanges}
onCalendarChange={handleChange}
/>
);
return (
<DatePicker.RangePicker
defaultValue={[
start ? dayjs(start) : dayjs().startOf("week").subtract(7, "day"),
end ? dayjs(end) : dayjs().endOf("week"),
]}
format="MM/DD/YYYY"
presets={DatePickerRanges}
onCalendarChange={handleChange}
/>
);
}