From aa1ff50788c0f41c8335c8144d76cbd08e8aecd7 Mon Sep 17 00:00:00 2001 From: Kyle Pope Date: Mon, 16 Mar 2026 19:14:09 +0800 Subject: [PATCH] Fix display calendar: text cutoff (py-1) and force refetch on update - Add py-1 to Select to prevent text clipping at h-8 height - Use refetchQueries instead of invalidateQueries for calendar-events after display calendar update to ensure immediate visual refresh Co-Authored-By: Claude Opus 4.6 --- frontend/src/components/calendar/EventDetailPanel.tsx | 2 +- frontend/src/hooks/useEventInvitations.ts | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/frontend/src/components/calendar/EventDetailPanel.tsx b/frontend/src/components/calendar/EventDetailPanel.tsx index 5839165..4817b38 100644 --- a/frontend/src/components/calendar/EventDetailPanel.tsx +++ b/frontend/src/components/calendar/EventDetailPanel.tsx @@ -951,7 +951,7 @@ export default function EventDetailPanel({ updateDisplayCalendar({ invitationId: myInvitationId, calendarId: calId }); } }} - className="text-xs h-8" + className="text-xs h-8 py-1" disabled={isUpdatingDisplayCalendar} > {!event?.display_calendar_id && ( diff --git a/frontend/src/hooks/useEventInvitations.ts b/frontend/src/hooks/useEventInvitations.ts index 4353298..22fb06b 100644 --- a/frontend/src/hooks/useEventInvitations.ts +++ b/frontend/src/hooks/useEventInvitations.ts @@ -65,7 +65,7 @@ export function useEventInvitations(eventId: number | null) { return data; }, onSuccess: () => { - queryClient.invalidateQueries({ queryKey: ['calendar-events'] }); + queryClient.refetchQueries({ queryKey: ['calendar-events'] }); queryClient.invalidateQueries({ queryKey: ['event-invitations'] }); toast.success('Display calendar updated'); },