calendar 35

components/calendar/calendar-client.tsx

@@ -988,9 +988,7 @@ export function CalendarClient({ initialCalendars, userId, userProfile }: Calend
   };
 
   return (
-    <div className="flex flex-col md:flex-row h-full gap-4 p-4">
+    <div className="space-y-4">
-      {/* Sidebar */}
-      <div className="w-full md:w-64 space-y-4">
       <Card className="p-4">
         <div className="flex items-center justify-between mb-4">
           <div className="flex items-center gap-4">
@@ -1051,47 +1049,13 @@ export function CalendarClient({ initialCalendars, userId, userProfile }: Calend
             </div>
 
         <CalendarSelector />
-        </Card>
 
-        <StatisticsPanel statistics={statistics} />
+        {loading ? (
+          <div className="h-96 flex items-center justify-center">
+            <Loader2 className="h-8 w-8 animate-spin text-primary" />
+            <span className="ml-2">Chargement des événements...</span>
             </div>
-
+          ) : (
-      {/* Calendar */}
-      <div className="flex-1 bg-white rounded-lg shadow">
-        <style jsx global>{`
-          .fc-daygrid-day-events {
-            max-height: 80px;
-            overflow-y: auto;
-            margin-right: 2px;
-          }
-          
-          .fc-daygrid-day-events::-webkit-scrollbar {
-            width: 4px;
-          }
-          
-          .fc-daygrid-day-events::-webkit-scrollbar-track {
-            background: #f1f1f1;
-            border-radius: 2px;
-          }
-          
-          .fc-daygrid-day-events::-webkit-scrollbar-thumb {
-            background: #888;
-            border-radius: 2px;
-          }
-          
-          .fc-daygrid-day-events::-webkit-scrollbar-thumb:hover {
-            background: #555;
-          }
-
-          .fc .fc-daygrid-event-harness {
-            margin-bottom: 2px;
-          }
-
-          .fc-daygrid-day-frame {
-            min-height: 100px !important;
-            height: 100px !important;
-          }
-        `}</style>
             <FullCalendar
               ref={calendarRef}
               plugins={[dayGridPlugin, timeGridPlugin, interactionPlugin]}
@@ -1153,7 +1117,7 @@ export function CalendarClient({ initialCalendars, userId, userProfile }: Calend
             locale={frLocale}
               selectable={true}
               selectMirror={true}
-          dayMaxEvents={false}
+              dayMaxEvents={true}
               weekends={true}
               select={handleDateSelect}
               eventClick={handleEventClick}
@@ -1169,7 +1133,8 @@ export function CalendarClient({ initialCalendars, userId, userProfile }: Calend
               hour12: false
             }}
             />
-      </div>
+          )}
+        </Card>
 
       {/* Calendar dialog */}
         <CalendarDialog