From 08841abd681b0bb56b09a898c4682dcbf6e61933 Mon Sep 17 00:00:00 2001
From: Hermes <hermes@buzzbee.dev>
Date: Fri, 31 Jul 2026 01:35:02 +0000
Subject: [PATCH] fix(p2): Calendar view toggle - sync internal view state with
 parent prop via useEffect

---
 apps/web/app/(dashboard)/calendar/page.tsx            |  2 +-
 apps/web/components/calendar/big-calendar-wrapper.tsx | 10 ++++++++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/apps/web/app/(dashboard)/calendar/page.tsx b/apps/web/app/(dashboard)/calendar/page.tsx
index 2b374ac..62183af 100644
--- a/apps/web/app/(dashboard)/calendar/page.tsx
+++ b/apps/web/app/(dashboard)/calendar/page.tsx
@@ -401,7 +401,7 @@ export default function CalendarPage() {
                   </div>
                 }
               >
-                <BigCalendar key={view}
+                <BigCalendar
                   events={filteredEvents}
                   onEventDrop={handleEventDrop}
                   defaultView={view}
diff --git a/apps/web/components/calendar/big-calendar-wrapper.tsx b/apps/web/components/calendar/big-calendar-wrapper.tsx
index 2ec243f..cc0bc27 100644
--- a/apps/web/components/calendar/big-calendar-wrapper.tsx
+++ b/apps/web/components/calendar/big-calendar-wrapper.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { useCallback, useMemo } from 'react';
+import { useCallback, useMemo, useState, useEffect } from 'react';
 import { Calendar, dateFnsLocalizer, Views } from 'react-big-calendar';
 import withDragAndDrop from 'react-big-calendar/lib/addons/dragAndDrop';
 import 'react-big-calendar/lib/css/react-big-calendar.css';
@@ -76,6 +76,11 @@ export function BigCalendarWrapper({
   onViewChange,
 }: BigCalendarWrapperProps) {
   const router = useRouter();
+  const [currentView, setCurrentView] = useState(defaultView);
+
+  useEffect(() => {
+    setCurrentView(defaultView);
+  }, [defaultView]);
 
   const handleSelectEvent = useCallback(
     (event: CalendarEvent) => {
@@ -102,6 +107,7 @@ export function BigCalendarWrapper({
 
   const handleViewChange = useCallback(
     (newView: string) => {
+      setCurrentView(newView);
       if (onViewChange) onViewChange(newView);
     },
     [onViewChange]
@@ -129,7 +135,7 @@ export function BigCalendarWrapper({
       eventPropGetter={eventStyleGetter}
       onSelectEvent={handleSelectEvent}
       views={['month', 'week', 'day']}
-      defaultView={defaultView} key={defaultView}
+      view={currentView}
       date={date}
       onNavigate={handleNavigate}
       onView={handleViewChange}