mirror of
https://github.com/marcogll/AnchorOS.git
synced 2026-03-15 21:24:35 +00:00
d27354fd5a
- Add KiosksManagement component with full CRUD for kiosks - Add ScheduleManagement for staff schedules with break reminders - Update booking flow to allow artist selection by customers - Add staff_services API for assigning services to artists - Update staff management UI with service assignment dialog - Add auto-break reminder when schedule >= 8 hours - Update availability API to filter artists by service - Add kiosk management to Aperture dashboard - Clean up ralphy artifacts and logs
64 lines
2.3 KiB
TypeScript
64 lines
2.3 KiB
TypeScript
'use client'
|
|
|
|
/**
|
|
* @description Calendar management page for Aperture HQ dashboard with multi-column staff view
|
|
* @audit BUSINESS RULE: Calendar displays bookings for all staff with drag-and-drop rescheduling
|
|
* @audit SECURITY: Requires authenticated admin/manager/staff role via useAuth context
|
|
* @audit Validate: Users must be logged in to access calendar
|
|
* @audit PERFORMANCE: Auto-refreshes calendar data every 30 seconds for real-time updates
|
|
* @audit AUDIT: Calendar access and rescheduling actions logged for operational monitoring
|
|
*/
|
|
|
|
import { useState } from 'react'
|
|
import { useRouter } from 'next/navigation'
|
|
import { Button } from '@/components/ui/button'
|
|
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
|
|
import { LogOut } from 'lucide-react'
|
|
import { useAuth } from '@/lib/auth/context'
|
|
import CalendarView from '@/components/calendar-view'
|
|
|
|
/**
|
|
* @description Calendar page wrapper providing authenticated access to the multi-staff scheduling interface
|
|
* @returns {JSX.Element} Calendar page with header, logout button, and CalendarView component
|
|
* @audit BUSINESS RULE: Redirects to login if user is not authenticated
|
|
* @audit SECURITY: Uses useAuth to validate session before rendering calendar
|
|
* @audit Validate: Logout clears session and redirects to Aperture login page
|
|
* @audit PERFORMANCE: CalendarView handles its own data fetching and real-time updates
|
|
* @audit AUDIT: Login/logout events logged through auth context
|
|
*/
|
|
export default function CalendarPage() {
|
|
const { user, signOut } = useAuth()
|
|
const router = useRouter()
|
|
|
|
const handleLogout = async () => {
|
|
await signOut()
|
|
router.push('/aperture/login')
|
|
}
|
|
|
|
if (!user) {
|
|
return null
|
|
}
|
|
|
|
return (
|
|
<div className="min-h-screen bg-gray-100 pt-24">
|
|
<header className="px-8 pb-8 mb-8 flex items-center justify-between">
|
|
<div>
|
|
<h1 className="text-2xl font-bold text-gray-900">Aperture - Calendario</h1>
|
|
<p className="text-gray-600">Gestión de citas y horarios</p>
|
|
</div>
|
|
<Button
|
|
variant="outline"
|
|
size="sm"
|
|
onClick={handleLogout}
|
|
>
|
|
<LogOut className="w-4 h-4" />
|
|
Cerrar Sesión
|
|
</Button>
|
|
</header>
|
|
|
|
<div className="max-w-7xl mx-auto px-8">
|
|
<CalendarView />
|
|
</div>
|
|
</div>
|
|
)
|
|
} |