mirror of
https://github.com/marcogll/AnchorOS.git
synced 2026-03-15 17:24:30 +00:00
583a25a6f6
Major changes: - Add customer registration with email/phone lookup (app/booking/registro) - Add customers API endpoint (app/api/customers/route) - Implement business hours for locations (mon-fri 10-7, sat 10-6, sun closed) - Fix availability function type casting issues - Add business hours utilities (lib/utils/business-hours.ts) - Update Location type to include business_hours JSONB - Add mock payment component for testing - Remove Supabase auth from booking flow - Fix /cita redirect path in booking flow Database migrations: - Add category column to services table - Add business_hours JSONB column to locations table - Fix availability functions with proper type casting - Update get_detailed_availability to use business_hours Features: - Customer lookup by email or phone - Auto-redirect to registration if customer not found - Pre-fill customer data if exists - Business hours per day of week - Location-specific opening/closing times
86 lines
2.5 KiB
TypeScript
86 lines
2.5 KiB
TypeScript
'use client'
|
|
|
|
import { ReactNode } from 'react'
|
|
import { Button } from '@/components/ui/button'
|
|
import Link from 'next/link'
|
|
import { Calendar, User, LogOut } from 'lucide-react'
|
|
import { useAuth } from '@/lib/auth/context'
|
|
import { loadStripe } from '@stripe/stripe-js'
|
|
import { Elements } from '@stripe/react-stripe-js'
|
|
|
|
const STRIPE_ENABLED = process.env.NEXT_PUBLIC_STRIPE_ENABLED === 'true'
|
|
const STRIPE_KEY = process.env.NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY
|
|
|
|
const stripePromise = STRIPE_ENABLED && STRIPE_KEY && !STRIPE_KEY.includes('your_stripe_')
|
|
? loadStripe(STRIPE_KEY)
|
|
: null
|
|
|
|
export default function BookingLayout({
|
|
children,
|
|
}: {
|
|
children: ReactNode
|
|
}) {
|
|
const { user, signOut, loading } = useAuth()
|
|
|
|
const content = (
|
|
<>
|
|
<header className="site-header booking-header">
|
|
<nav className="nav-primary">
|
|
<div className="logo">
|
|
<Link href="/">
|
|
<span className="text-xl font-semibold" style={{ color: 'var(--charcoal-brown)' }}>
|
|
ANCHOR:23
|
|
</span>
|
|
</Link>
|
|
</div>
|
|
|
|
<div className="nav-actions flex items-center gap-4">
|
|
<Link href="/booking/servicios">
|
|
<Button variant="ghost" size="sm">
|
|
Reservar
|
|
</Button>
|
|
</Link>
|
|
{user ? (
|
|
<>
|
|
<Link href="/booking/mis-citas">
|
|
<Button variant="ghost" size="sm">
|
|
<Calendar className="w-4 h-4 mr-2" />
|
|
Mis Citas
|
|
</Button>
|
|
</Link>
|
|
<Link href="/booking/perfil">
|
|
<Button variant="ghost" size="sm">
|
|
<User className="w-4 h-4 mr-2" />
|
|
Perfil
|
|
</Button>
|
|
</Link>
|
|
<Button
|
|
variant="outline"
|
|
size="sm"
|
|
onClick={() => signOut()}
|
|
disabled={loading}
|
|
>
|
|
<LogOut className="w-4 h-4 mr-2" />
|
|
Salir
|
|
</Button>
|
|
</>
|
|
) : (
|
|
<Link href="/booking/login">
|
|
<Button variant="outline" size="sm">
|
|
Iniciar Sesión
|
|
</Button>
|
|
</Link>
|
|
)}
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
|
|
<main className="pt-24">
|
|
{children}
|
|
</main>
|
|
</>
|
|
)
|
|
|
|
return stripePromise ? <Elements stripe={stripePromise}>{content}</Elements> : content
|
|
}
|