- | {court.name} |
+
+ {court.name}
+ {court.isOpenPlay && (
+
+ Open Play
+
+ )}
+ |
{court.site?.name || "-"} |
{court.type} |
${court.hourlyRate} |
@@ -709,6 +717,7 @@ function CourtFormModal({
const [hourlyRate, setHourlyRate] = useState(court?.hourlyRate?.toString() || "300");
const [peakHourlyRate, setPeakHourlyRate] = useState(court?.peakHourlyRate?.toString() || "");
const [status, setStatus] = useState(court?.status || "active");
+ const [isOpenPlay, setIsOpenPlay] = useState(court?.isOpenPlay ?? false);
const handleSubmit = (e: React.FormEvent) => {
e.preventDefault();
@@ -719,6 +728,7 @@ function CourtFormModal({
hourlyRate: parseFloat(hourlyRate),
peakHourlyRate: peakHourlyRate ? parseFloat(peakHourlyRate) : null,
status,
+ isOpenPlay,
});
};
@@ -797,6 +807,18 @@ function CourtFormModal({
+
+ setIsOpenPlay(e.target.checked)}
+ className="rounded border-primary-300"
+ />
+
+