mythic-insight/calcom
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 5

adds validation to event type availability (#1778)

Browse source 
* adds validation to event type availability

* lint fix

* general improvement

* prettier fix

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
This commit is contained in:
Syed Ali Shahbaz 2022-02-10 15:07:00 +05:30 committed by GitHub
parent 97fdfc5d6b
commit c4862c4b92
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 26 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
components/ui/modal/SetTimesModal.tsx
View file

@ -2,7 +2,7 @@ import { ClockIcon } from "@heroicons/react/outline";
import { useRef } from "react"; import { useRef } from "react";
import { useLocale } from "@lib/hooks/useLocale"; import { useLocale } from "@lib/hooks/useLocale";
import showToast from "@lib/notification";
import Button from "@components/ui/Button"; import Button from "@components/ui/Button";
interface SetTimesModalProps { interface SetTimesModalProps {
@ -21,6 +21,18 @@ export default function SetTimesModal(props: SetTimesModalProps) {
const endHoursRef = useRef<HTMLInputElement>(null!); const endHoursRef = useRef<HTMLInputElement>(null!);
const endMinsRef = useRef<HTMLInputElement>(null!); const endMinsRef = useRef<HTMLInputElement>(null!);
const isValidTime = (startTime: number, endTime: number) => {
if (new Date(startTime) > new Date(endTime)) {
showToast(t("error_end_time_before_start_time"), "error");
return false;
}
if (endTime > 1440) {
showToast(t("error_end_time_next_day"), "error");
return false;
}
return true;
};
return ( return (
<div <div
className="fixed inset-0 z-50 overflow-y-auto" className="fixed inset-0 z-50 overflow-y-auto"
@ -138,12 +150,18 @@ export default function SetTimesModal(props: SetTimesModalProps) {
const enteredEndHours = parseInt(endHoursRef.current.value); const enteredEndHours = parseInt(endHoursRef.current.value);
const enteredEndMins = parseInt(endMinsRef.current.value); const enteredEndMins = parseInt(endMinsRef.current.value);
props.onChange({ if (
startTime: enteredStartHours * 60 + enteredStartMins, isValidTime(
endTime: enteredEndHours * 60 + enteredEndMins, enteredStartHours * 60 + enteredStartMins,
}); enteredEndHours * 60 + enteredEndMins
)
props.onExit(0); ) {
props.onChange({
startTime: enteredStartHours * 60 + enteredStartMins,
endTime: enteredEndHours * 60 + enteredEndMins,
});
props.onExit(0);
}
}} }}
type="submit"> type="submit">
{t("save")} {t("save")}

1
public/static/locales/en/common.json
View file

@ -251,6 +251,7 @@
"friday_time_error":"Invalid time on Friday", "friday_time_error":"Invalid time on Friday",
"saturday_time_error":"Invalid time on Saturday", "saturday_time_error":"Invalid time on Saturday",
"error_end_time_before_start_time": "End time cannot be before start time", "error_end_time_before_start_time": "End time cannot be before start time",
"error_end_time_next_day": "End time cannot be greater than 24 hours",
"back_to_bookings": "Back to bookings", "back_to_bookings": "Back to bookings",
"free_to_pick_another_event_type": "Feel free to pick another event anytime.", "free_to_pick_another_event_type": "Feel free to pick another event anytime.",
"cancelled": "Cancelled", "cancelled": "Cancelled",