|
|
@@ -10,7 +10,7 @@ import { AppointmentsFilter, type AppointmentFilter } from "@/components/appoint
|
|
|
import { AppointmentsGrid } from "@/components/appointments/AppointmentsGrid";
|
|
|
import { Pagination } from "@/components/ui/pagination";
|
|
|
import { useAppointments } from "@/hooks/useAppointments";
|
|
|
-import { Loader2 } from "lucide-react";
|
|
|
+import { Loader2, AlertTriangle } from "lucide-react";
|
|
|
|
|
|
const ITEMS_PER_PAGE = 5;
|
|
|
|
|
|
@@ -93,6 +93,20 @@ export default function AppointmentsPage() {
|
|
|
showNewButton={false}
|
|
|
/>
|
|
|
|
|
|
+ {/* Warning Banner */}
|
|
|
+ <div className="bg-yellow-50 border-l-4 border-yellow-400 p-4 rounded-md shadow-sm">
|
|
|
+ <div className="flex">
|
|
|
+ <div className="flex-shrink-0">
|
|
|
+ <AlertTriangle className="h-5 w-5 text-yellow-400" aria-hidden="true" />
|
|
|
+ </div>
|
|
|
+ <div className="ml-3">
|
|
|
+ <p className="text-sm text-yellow-700">
|
|
|
+ <span className="font-bold">Nota importante:</span> El sistema se encuentra en fase de prueba. Es posible que algunas citas agendadas no lleguen a ser aprobadas.
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
{/* Stats */}
|
|
|
<AppointmentsStats
|
|
|
total={stats.total}
|