mirror of
https://github.com/mauriceboe/TREK.git
synced 2026-10-19 21:46:49 +00:00
Maurice
62a80f420c
A booking saved with 18:00 to 09:00 and no end date was stored as ending earlier on its start day without a word. The dialog now says that the end time lies before the start time and that an end date is needed if it ends the next day, on desktop and on the phone. It only warns and does not block the save, since time zones can make such times correct. Refs #2604
77 lines
3.0 KiB
TypeScript
77 lines
3.0 KiB
TypeScript
import { useMemo, useState } from 'react';
|
|
|
|
import type { Day, Place } from '../../types';
|
|
import { toggledTraveler } from './bookingFormModel';
|
|
import {
|
|
type CheckInEndField,
|
|
endTimeBeforeStartTime,
|
|
isEndBeforeStart,
|
|
type ReservationFields,
|
|
reservationSaveData,
|
|
type ReservationSaveOptions,
|
|
startParts,
|
|
tripDateBounds,
|
|
withHotelEnd,
|
|
withHotelPlace,
|
|
withHotelStart,
|
|
withLinkedPlace,
|
|
withLinkedStopDay,
|
|
withStartDate,
|
|
withStartTime,
|
|
} from './reservationFormModel';
|
|
|
|
/**
|
|
* The booking form behind the desktop ReservationModal and the phone's booking
|
|
* sheet: the fields, the travellers and the files picked before saving, the date
|
|
* rules and the place and hotel picks. Each shell decides when to fill it and what
|
|
* to do around a save.
|
|
*/
|
|
export function useReservationForm<F extends ReservationFields & CheckInEndField>(
|
|
emptyForm: F,
|
|
days: Day[],
|
|
places: Pick<Place, 'id' | 'name' | 'address'>[]
|
|
) {
|
|
const [form, setForm] = useState<F>(emptyForm);
|
|
const [isSaving, setIsSaving] = useState(false);
|
|
const [pendingFiles, setPendingFiles] = useState<File[]>([]);
|
|
// Travelers assigned to this booking (#1517), seeded on open and persisted after the save resolves.
|
|
const [travelerIds, setTravelerIds] = useState<Set<number>>(new Set());
|
|
|
|
const set = (field: keyof F, value: string | number) => setForm((prev) => ({ ...prev, [field]: value }));
|
|
const toggleTraveler = (id: number) => setTravelerIds((prev) => toggledTraveler(prev, id));
|
|
|
|
// Restrict non-hotel booking dates to the trip's span (#1662). Hotels already
|
|
// constrain to trip days via their day dropdowns.
|
|
const dateBounds = useMemo(() => tripDateBounds(days || []), [days]);
|
|
const start = startParts(form.reservation_time);
|
|
|
|
return {
|
|
form,
|
|
setForm,
|
|
set,
|
|
isSaving,
|
|
setIsSaving,
|
|
pendingFiles,
|
|
setPendingFiles,
|
|
travelerIds,
|
|
setTravelerIds,
|
|
toggleTraveler,
|
|
isEndBeforeStart: isEndBeforeStart(form),
|
|
endTimeBeforeStartTime: endTimeBeforeStartTime(form),
|
|
dateBounds,
|
|
startDate: start.date,
|
|
startTime: start.time,
|
|
setStartDate: (date: string | null | undefined) =>
|
|
set('reservation_time', withStartDate(form.reservation_time, date)),
|
|
setStartTime: (time: string, fallbackDate: string) =>
|
|
set('reservation_time', withStartTime(form.reservation_time, time, fallbackDate)),
|
|
/** An undated booking takes the day of the stop it was just linked to. */
|
|
takeStopDay: (dayDate: string) => setForm((prev) => withLinkedStopDay(prev, dayDate)),
|
|
pickPlace: (value: string | number) => setForm((prev) => withLinkedPlace(prev, value, places)),
|
|
pickHotelPlace: (value: string | number) => setForm((prev) => withHotelPlace(prev, value, places)),
|
|
pickHotelStart: (value: string | number) => setForm((prev) => withHotelStart(prev, value, days)),
|
|
pickHotelEnd: (value: string | number) => setForm((prev) => withHotelEnd(prev, value, days)),
|
|
saveData: (opts: ReservationSaveOptions) => reservationSaveData(form, opts),
|
|
};
|
|
}
|