jselesan/playzer
1
0
Fork 0
Code Issues Pull Requests 6 Actions Packages Projects Releases Wiki Activity

refactor(public-booking): remove CourtDetails component and simplify canGoBack logic

Browse Source
This commit is contained in:
Jose Selesan
2026-06-08 16:14:27 -03:00
parent 89673c3844
commit c70541b4f5
1 changed files with 4 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
apps/frontend/src/features/public-booking/public-booking-page.tsx
View File

@@ -34,7 +34,6 @@ import {
Moon,
Share2,
ShieldCheck,
Shirt,
Sparkles,
Sun,
Trophy,
@@ -553,8 +552,7 @@ function PublicBookingDesktop(props: BookingShellProps) {
const currentStep = getStep(selectedSlot, props.form.formState.isValid);
const completedSteps = getCompletedSteps(selectedSlot, props.form.formState.isValid);
const selectedDay = dayOptions.find((option) => option.value === selectedDate);
const currentDayIndex = dayOptions.findIndex((option) => option.value === selectedDate);
const canGoBackButton = canGoBack || currentDayIndex > 0;
const canGoBackButton = canGoBack;
return (
<PublicBookingPageChrome
@@ -683,10 +681,7 @@ function PublicBookingDesktop(props: BookingShellProps) {
</div>
</Panel>
<div className="grid grid-cols-[minmax(0,1fr)_minmax(340px,0.95fr)] gap-4">
<CourtDetails court={selectedCourt} />
<SelectedSlotCard {...props} />
</div>
<SelectedSlotCard {...props} />
</>
)}
</section>
@@ -1161,41 +1156,6 @@ function BookingTimeline({
);
}
function CourtDetails({ court }: { court?: PublicAvailabilityCourt }) {
return (
<Panel className="p-6">
<div className="flex items-center gap-6">
<div className="hidden size-24 items-center justify-center rounded border border-white/16 text-white/45 md:flex">
<MapPin className="size-14" />
</div>
<div>
<h3 className="text-lg font-semibold">
{court?.courtName ? `${court.courtName} de ${court.sport.name}` : 'Cancha'}
</h3>
<div className="mt-4 space-y-2 text-sm text-white/62">
<p className="flex items-center gap-2">
<Users className="size-4 text-emerald-400" />
Superficie: Césped sintético
</p>
<p className="flex items-center gap-2">
<Dumbbell className="size-4 text-emerald-400" />
Turnos de {court?.slotDurationMinutes ?? 60} minutos
</p>
<p className="flex items-center gap-2">
<Sparkles className="size-4 text-emerald-400" />
Iluminación LED
</p>
<p className="flex items-center gap-2">
<Shirt className="size-4 text-emerald-400" />
Vestuarios disponibles
</p>
</div>
</div>
</div>
</Panel>
);
}
function SelectedSlotCard(props: BookingShellProps & { compact?: boolean }) {
const {
selectedSlot,
@@ -1579,7 +1539,8 @@ export function PublicBookingPage({ complexSlug }: PublicBookingPageProps) {
visibleCourts.length,
]);
const canGoBack = windowStartOffset > 0;
const currentDayIndex = dayOptions.findIndex((option) => option.value === selectedDate);
const canGoBack = windowStartOffset > 0 || currentDayIndex > 0;
const selectDate = (date: string) => {
setSelectedDate(date);