k1nq/TREK
1
0
Fork 0
mirror of https://github.com/mauriceboe/TREK.git synced 2026-10-24 07:53:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(assistant): booking and stay cards, and a read of the bookings with their details

Browse Source
This commit is contained in:
Maurice
2026-10-22 15:50:50 +02:00
parent b52990bf27
commit b4e188fbfc
67 changed files with 6336 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/mobile/screens/trip/sheets/MTransportSheet.tsx
+38 -13
View File
@@ -12,6 +12,9 @@ import { runsOnDay } from '../../../../utils/reservationRoutes'
import { filesFor } from '../../../../utils/reservationFiles'
import { bookingDayLabel, segmentCodeLabel } from '../../../../components/Planner/transportDetailModel'
import type { Reservation } from '../../../../types'
import { useSearchParams } from 'react-router'
import { isTransportReservationType } from '@trek/shared'
import { useBookingLink } from '../../../../hooks/useBookingLink'
import { Eyebrow, INNER_CLS, StatBox, TileHeader, displayTime } from './MTripSheetUi'
interface TransportSheetPayload {
@@ -59,6 +62,40 @@ export default function MTransportSheet({ planner, shell }: MTripSheetsProps) {
const payload = (shell.sheet?.payload ?? {}) as TransportSheetPayload
const liveRes = planner.reservations.find(r => r.id === payload.reservationId) ?? null
// The map with a booking's route drawn on it: the route switched on, the sheet
// closed, the plan tab and the map shown. The map draws the day on the chips, and
// the Transports tab lists the whole trip, so the booking may run on a different
// day. Moved last, because entering the map picks the day the shell was already
// holding. A day inside the booking's span, the all-days view and a booking bound
// to no day are left as they are.
const revealOnMap = (r: Reservation) => {
if (!planner.visibleConnections.includes(r.id)) planner.toggleConnection(r.id)
shell.closeSheet()
if (shell.trTab !== 'plan') shell.setTrTab('plan')
if (shell.view !== 'map') shell.toggleView()
const bookingDayId = r.day_id ?? r.end_day_id
if (planner.selectedDayId != null && bookingDayId != null && !runsOnDay(r, planner.selectedDayId, planner.days)) {
planner.handleSelectDay(bookingDayId, false)
planner.setExpandedDayIds(new Set([bookingDayId]))
}
}
// A transport the chat points at (?booking=) opens here, or with &map=1 its route on
// the map; any other booking stays on its tab.
const [searchParams, setSearchParams] = useSearchParams()
useBookingLink({
searchParams,
setSearchParams,
tripId: planner.tripId,
reservations: planner.reservations,
loaded: !planner.isLoading && planner.trip?.id === planner.tripId,
take: (booking, toMap) => {
if (!isTransportReservationType(booking.type)) return
if (toMap) revealOnMap(booking)
else shell.openSheet('transport', { reservationId: booking.id })
},
})
const canEditDays = planner.can('day_edit', planner.trip)
const timeFormat = useSettingsStore(s => s.settings.time_format) || '24h'
const blurCodes = useSettingsStore(s => s.settings.blur_booking_codes)
@@ -117,19 +154,7 @@ export default function MTransportSheet({ planner, shell }: MTripSheetsProps) {
planner.toggleConnection(res.id)
return
}
if (!switchedOn) planner.toggleConnection(res.id)
shell.closeSheet()
if (shell.trTab !== 'plan') shell.setTrTab('plan')
if (shell.view !== 'map') shell.toggleView()
// The map draws the day on the chips, and the Transports tab lists the whole trip, so
// the booking may run on a different day. Moved last, because entering the map picks
// the day the shell was already holding. A day inside the booking's span, the
// all-days view and a booking bound to no day are left as they are.
const bookingDayId = res.day_id ?? res.end_day_id
if (planner.selectedDayId != null && bookingDayId != null && !runsOnDay(res, planner.selectedDayId, planner.days)) {
planner.handleSelectDay(bookingDayId, false)
planner.setExpandedDayIds(new Set([bookingDayId]))
}
revealOnMap(res)
}
const editTransport = () => {