Skip to content

Fix empty date/time step on service booking pages#147

Closed
Cookie-Cat21 wants to merge 6 commits into
masterfrom
cursor/fix-booking-datetime-render-6753
Closed

Fix empty date/time step on service booking pages#147
Cookie-Cat21 wants to merge 6 commits into
masterfrom
cursor/fix-booking-datetime-render-6753

Conversation

@Cookie-Cat21

Copy link
Copy Markdown
Member

Problem

On service booking pages (e.g. Brightening Facial), after selecting a service the date/time step appeared as a blank white card — breadcrumb visible, but no calendar or time slots.

Root causes

  1. Staff selection gap: When a business has multiple staff who can perform a service, the wizard left staff null and anyStaff false, so canPickSlots stayed false and the date/time UI never mounted.
  2. Motion animation: Booking panels animated from opacity: 0 on pre-selected service pages; in some cases content stayed invisible.

Fix

  • Use resolveBookingStaffSelection() when entering a service — defaults to "any available staff" when multiple team members qualify
  • Skip panel fade-in on locked/pre-selected service pages
  • Remove layout animation from BookingPanel that could collapse panel content
  • Add padding around the date/time picker for consistent layout

Test plan

  • npm run verify
  • Open /book/wax-in-the-city/brightening-facial — calendar + time slots should render immediately
  • Multi-staff business: service page should show date/time without requiring a separate staff step first
  • Single-staff business: still auto-selects the one team member
Open in Web Open in Cursor 

cursoragent and others added 6 commits June 24, 2026 04:49
Creates scripts/seed-pilot-wax.ts to bootstrap the Wax in the City booking
site with 14 services across four categories (Waxing, Facials, Moroccan,
Hydra Facial), Mon-Sat 09:00-19:00 availability, deposit rules on premium
services, and onboarding-complete business profile.

Co-authored-by: Cookie_Cat21 <karunaratneovindu@gmail.com>
- Add maroon brand logo at public/demo/wax-in-the-city-logo.webp
- Set logoUrl, accentColor (#5c1f2e), and gallery in seed-pilot-wax.ts

Co-authored-by: Cookie_Cat21 <karunaratneovindu@gmail.com>
Use a maroon-toned hero placeholder at public/demo/wax-in-the-city-banner.webp
and set galleryImages to the banner while keeping the logo separate.

Co-authored-by: Cookie_Cat21 <karunaratneovindu@gmail.com>
Replace the AI-generated maroon logo with the official Wax In The City SL
profile picture (pink WAX mark). Update accent color to #f86888 and refresh
the placeholder banner to match.

Co-authored-by: Cookie_Cat21 <karunaratneovindu@gmail.com>
- Migration 0036: booking page background, hero overlay, theme preset columns
- Theme engine with presets (classic, salon, spa, bold) and contrast warnings
- Dashboard booking page editor with iframe live preview
- Plan gating: accent on all plans; extended theme on Pro+; footer hide on Growth
- Wire public booking pages, embed preview params, and Wax pilot seed

Co-authored-by: Cookie_Cat21 <karunaratneovindu@gmail.com>
- Auto-select any available staff when multiple team members qualify
- Skip panel fade-in animation on pre-selected service pages (opacity stuck at 0)
- Remove layout animation from BookingPanel that could collapse content
- Add horizontal padding around the date/time picker

Co-authored-by: Cookie_Cat21 <karunaratneovindu@gmail.com>
@vercel

vercel Bot commented Jun 24, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
dinaya Ready Ready Preview, Comment Jun 24, 2026 8:28am

cursor Bot added a commit that referenced this pull request Jun 24, 2026
Supersedes #146 and #147. Wax pilot seed, booking page themes, instant hub navigation, blank-screen fixes, and booker layout polish.
@Cookie-Cat21 Cookie-Cat21 marked this pull request as ready for review June 25, 2026 06:11
@Cookie-Cat21

Copy link
Copy Markdown
Member Author

Superseded by #154 which resolved merge conflicts cleanly.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants