fix: R3 bugs - TipTap focus leak, Quick Capture palette, Calendar day view
This commit is contained in:
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user