From c70541b4f5e154a8c6c7e4640c0257a46ed8bf29 Mon Sep 17 00:00:00 2001
From: Jose Selesan <jose.selesan@solotechnologies.us>
Date: Mon, 8 Jun 2026 16:14:27 -0300
Subject: [PATCH] refactor(public-booking): remove CourtDetails component and
 simplify canGoBack logic

---
 .../public-booking/public-booking-page.tsx    | 47 ++-----------------
 1 file changed, 4 insertions(+), 43 deletions(-)

diff --git a/apps/frontend/src/features/public-booking/public-booking-page.tsx b/apps/frontend/src/features/public-booking/public-booking-page.tsx
index e1bce59..3811e01 100644
--- a/apps/frontend/src/features/public-booking/public-booking-page.tsx
+++ b/apps/frontend/src/features/public-booking/public-booking-page.tsx
@@ -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);