consultoria-as/app-padel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: support 6-column grid layout in booking calendar

Browse Source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Ivan
2026-03-02 00:38:58 +00:00
parent 25b1495bb0
commit 4127485dea
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
apps/web/components/bookings/booking-calendar.tsx
View File

@@ -304,8 +304,10 @@ export function BookingCalendar({ siteId, onSlotClick }: BookingCalendarProps) {
courts.length === 2 && "grid-cols-2", courts.length === 2 && "grid-cols-2",
courts.length === 3 && "grid-cols-3", courts.length === 3 && "grid-cols-3",
courts.length === 4 && "grid-cols-4", courts.length === 4 && "grid-cols-4",
courts.length >= 5 && "grid-cols-5" courts.length === 5 && "grid-cols-5",
courts.length >= 6 && "grid-cols-6"
)} )}
style={courts.length >= 5 ? { minWidth: `${courts.length * 150}px` } : undefined}
> >
{courts.map((court) => ( {courts.map((court) => (
<div <div
@@ -333,8 +335,10 @@ export function BookingCalendar({ siteId, onSlotClick }: BookingCalendarProps) {
courts.length === 2 && "grid-cols-2", courts.length === 2 && "grid-cols-2",
courts.length === 3 && "grid-cols-3", courts.length === 3 && "grid-cols-3",
courts.length === 4 && "grid-cols-4", courts.length === 4 && "grid-cols-4",
courts.length >= 5 && "grid-cols-5" courts.length === 5 && "grid-cols-5",
courts.length >= 6 && "grid-cols-6"
)} )}
style={courts.length >= 5 ? { minWidth: `${courts.length * 150}px` } : undefined}
> >
{courts.map((court) => { {courts.map((court) => {
const courtAvail = availability.get(court.id); const courtAvail = availability.get(court.id);