fix: R3 bugs - TipTap focus leak, Quick Capture palette, Calendar day view

This commit is contained in:
Hermes
2026-08-01 12:26:43 +00:00
parent 118617c892
commit 3a0df07296
3 changed files with 14 additions and 20 deletions
+5 -11
View File
@@ -162,7 +162,6 @@ function EventForm({ event, onClose }: { event?: CalendarEvent; onClose: () => v
function CalendarPage() {
const queryClient = useQueryClient();
const [date, setDate] = useState(new Date());
const [view, setView] = useState<string>("month");
const [createOpen, setCreateOpen] = useState(false);
const [selectedEvent, setSelectedEvent] = useState<CalendarEvent | null>(null);
const [eventDetailOpen, setEventDetailOpen] = useState(false);
@@ -177,12 +176,7 @@ function CalendarPage() {
return () => window.removeEventListener("resize", check);
}, []);
// Auto-switch to agenda on mobile
useEffect(() => {
if (isMobile && view === "month") {
setView("agenda");
}
}, [isMobile]);
// Mobile: defaultView is set to agenda via isMobile check
const { data: eventsData } = useApiQuery<{ items: CalendarEvent[]; totalItems: number }>(
["calendar-events", date.toISOString()],
@@ -241,8 +235,9 @@ function CalendarPage() {
setDate(newDate);
}, []);
const viewRef = useRef<string>("month");
const handleViewChange = useCallback((newView: string) => {
setView(newView);
viewRef.current = newView;
}, []);
return (
@@ -267,8 +262,7 @@ function CalendarPage() {
startAccessor="start"
endAccessor="end"
date={date}
view={view}
defaultView={Views.MONTH}
defaultView={isMobile ? Views.AGENDA : Views.MONTH}
onNavigate={handleNavigate}
onView={handleViewChange}
onSelectEvent={handleSelectEvent}
@@ -281,7 +275,7 @@ function CalendarPage() {
showMultiDayTimes
components={{
event: EventComponent,
toolbar: (props: any) => <CustomToolbar {...props} currentView={view} />,
toolbar: (props: any) => <CustomToolbar {...props} />,
}}
views={["month", "week", "work_week", "day", "agenda"]}
step={30}