From 2961a7f51662eaca44ae82b91f85cc9df3810b74 Mon Sep 17 00:00:00 2001
From: Alma <alma@MacBook-Air-de-Alma.local>
Date: Sun, 13 Apr 2025 20:06:47 +0200
Subject: [PATCH] agenda widget mia 3

---
 components/calendar/calendar-client.tsx | 61 ++++++++++++++++---------
 1 file changed, 40 insertions(+), 21 deletions(-)

diff --git a/components/calendar/calendar-client.tsx b/components/calendar/calendar-client.tsx
index 1dcab9e4..1533bc16 100644
--- a/components/calendar/calendar-client.tsx
+++ b/components/calendar/calendar-client.tsx
@@ -1061,27 +1061,46 @@ export function CalendarClient({ initialCalendars, userId, userProfile }: Calend
               )}
             eventContent={(arg) => {
               return (
-                <div 
-                  className="px-2 py-1 overflow-hidden w-full transition-all rounded-sm hover:brightness-110"
-                  style={{
-                    backgroundColor: `${arg.event.backgroundColor}`,
-                    boxShadow: `inset 0 0 0 1px ${arg.event.borderColor}, 0 2px 4px ${arg.event.borderColor}40`
-                  }}
-                >
-                  <div className="flex items-center gap-1.5 text-xs text-white">
-                    {!arg.event.allDay && (
-                      <span className="font-medium whitespace-nowrap">
-                        {new Date(arg.event.start).toLocaleTimeString('fr-FR', {
-                          hour: '2-digit',
-                          minute: '2-digit'
-                        })}
-                      </span>
-                    )}
-                    <span className="font-medium truncate">
-                      {arg.event.title}
-                    </span>
-                  </div>
-                </div>
+                <TooltipProvider>
+                  <Tooltip>
+                    <TooltipTrigger asChild>
+                      <div 
+                        className="px-2 py-1 overflow-hidden w-full transition-all rounded-sm hover:brightness-110"
+                        style={{
+                          backgroundColor: `${arg.event.backgroundColor}`,
+                          boxShadow: `inset 0 0 0 1px ${arg.event.borderColor}, 0 2px 4px ${arg.event.borderColor}40`
+                        }}
+                      >
+                        <div className="flex items-center gap-1.5 text-xs text-white">
+                          {!arg.event.allDay && (
+                            <span className="font-medium whitespace-nowrap shrink-0">
+                              {new Date(arg.event.start).toLocaleTimeString('fr-FR', {
+                                hour: '2-digit',
+                                minute: '2-digit'
+                              })}
+                            </span>
+                          )}
+                          <span className="font-medium truncate max-w-[calc(100%-4.5rem)]">
+                            {arg.event.title}
+                          </span>
+                        </div>
+                      </div>
+                    </TooltipTrigger>
+                    <TooltipContent>
+                      <div className="text-sm">
+                        <p className="font-medium">{arg.event.title}</p>
+                        {!arg.event.allDay && (
+                          <p className="text-xs text-gray-400 mt-1">
+                            {new Date(arg.event.start).toLocaleTimeString('fr-FR', {
+                              hour: '2-digit',
+                              minute: '2-digit'
+                            })}
+                          </p>
+                        )}
+                      </div>
+                    </TooltipContent>
+                  </Tooltip>
+                </TooltipProvider>
               );
             }}
             eventClassNames="rounded-md overflow-hidden"