BuzzbeeSCD/ProjectE
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix: calendar day view - test with regular Calendar (no DnD)

Browse Source
This commit is contained in:
Hermes
2026-08-01 12:35:01 +00:00
parent b9cce1e452
commit d142db40c1
1 changed files with 3 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/routes/_app/calendar.tsx
+3 -6
View File
@@ -15,7 +15,7 @@ import { format, parseISO, addDays, startOfWeek, getDay } from "date-fns";
// react-big-calendar // react-big-calendar
import { Calendar, dateFnsLocalizer, Views, Navigate } from "react-big-calendar"; import { Calendar, dateFnsLocalizer, Views, Navigate } from "react-big-calendar";
import withDragAndDrop from "react-big-calendar/lib/addons/dragAndDrop"; // import withDragAndDrop from "react-big-calendar/lib/addons/dragAndDrop";
import "react-big-calendar/lib/css/react-big-calendar.css"; import "react-big-calendar/lib/css/react-big-calendar.css";
const localizer = dateFnsLocalizer({ const localizer = dateFnsLocalizer({
@@ -25,7 +25,7 @@ const localizer = dateFnsLocalizer({
locales: {}, locales: {},
}); });
const DragAndDropCalendar = withDragAndDrop(Calendar); // const DragAndDropCalendar = withDragAndDrop(Calendar);
// Color palette: tasks=accent, events by domain // Color palette: tasks=accent, events by domain
const EVENT_COLORS: Record<string, string> = { const EVENT_COLORS: Record<string, string> = {
@@ -256,7 +256,7 @@ function CalendarPage() {
<div className="rbc-calendar-container" style={{ minHeight: isMobile ? 400 : 600 }}> <div className="rbc-calendar-container" style={{ minHeight: isMobile ? 400 : 600 }}>
{/* Key={view} forces remount on view change (workaround for react-big-calendar DnD day view issue) */} {/* Key={view} forces remount on view change (workaround for react-big-calendar DnD day view issue) */}
<DragAndDropCalendar <Calendar
key={'cal-' + view + '-' + (isMobile ? 'm' : 'd')} key={'cal-' + view + '-' + (isMobile ? 'm' : 'd')}
localizer={localizer} localizer={localizer}
events={calendarEvents} events={calendarEvents}
@@ -268,10 +268,7 @@ function CalendarPage() {
onNavigate={handleNavigate} onNavigate={handleNavigate}
onSelectEvent={handleSelectEvent} onSelectEvent={handleSelectEvent}
onSelectSlot={handleSelectSlot} onSelectSlot={handleSelectSlot}
onEventDrop={handleEventDrop}
onEventResize={handleEventResize}
selectable selectable
resizable
popup popup
showMultiDayTimes showMultiDayTimes
components={{ components={{