agenda widget mia 3

This commit is contained in:
Alma 2025-04-13 20:06:47 +02:00
parent 0dc78b4c9f
commit 2961a7f516

View File

@ -1061,6 +1061,9 @@ export function CalendarClient({ initialCalendars, userId, userProfile }: Calend
)} )}
eventContent={(arg) => { eventContent={(arg) => {
return ( return (
<TooltipProvider>
<Tooltip>
<TooltipTrigger asChild>
<div <div
className="px-2 py-1 overflow-hidden w-full transition-all rounded-sm hover:brightness-110" className="px-2 py-1 overflow-hidden w-full transition-all rounded-sm hover:brightness-110"
style={{ style={{
@ -1070,18 +1073,34 @@ export function CalendarClient({ initialCalendars, userId, userProfile }: Calend
> >
<div className="flex items-center gap-1.5 text-xs text-white"> <div className="flex items-center gap-1.5 text-xs text-white">
{!arg.event.allDay && ( {!arg.event.allDay && (
<span className="font-medium whitespace-nowrap"> <span className="font-medium whitespace-nowrap shrink-0">
{new Date(arg.event.start).toLocaleTimeString('fr-FR', { {new Date(arg.event.start).toLocaleTimeString('fr-FR', {
hour: '2-digit', hour: '2-digit',
minute: '2-digit' minute: '2-digit'
})} })}
</span> </span>
)} )}
<span className="font-medium truncate"> <span className="font-medium truncate max-w-[calc(100%-4.5rem)]">
{arg.event.title} {arg.event.title}
</span> </span>
</div> </div>
</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" eventClassNames="rounded-md overflow-hidden"