type fix

Author: lassejaco

lib/components/event-schedule-new/index.tsx

@@ -23,7 +23,6 @@ export type ScheduleProps = {
   setSelectedEvent: (event: EventType | null) => void;
   setSelectedDay: (day: string | null) => void;
   events: EventType[];
-  viewMode: "list" | "grid";
 };
 
 // Utility function for tracking placed nodes in the grid
@@ -160,7 +159,7 @@ const NewScheduleIndexInner = ({
   setSelectedDay,
   events,
   viewMode,
-}: ScheduleProps) => {
+}: ScheduleProps & { viewMode: "list" | "grid" }) => {
   const searchParams = useSearchParams();
   // const { selectedEvent, selectedDay, setSelectedEvent, setSelectedDay } = useCalendarStore()
   const eventRange = computeCalendarRange(events);
@@ -491,7 +490,9 @@ const NewScheduleIndexInner = ({
     </div>  */
 };
 
-const NewScheduleIndex = (props: ScheduleProps) => {
+const NewScheduleIndex = (
+  props: ScheduleProps & { viewMode: "list" | "grid" }
+) => {
   return (
     <Suspense fallback={<div>Loading...</div>}>
       <NewScheduleIndexInner {...props} />

lib/components/event-schedule-new/layout-app.tsx

@@ -10,6 +10,7 @@ type CalendarLayoutProps = ScheduleProps & {
 };
 
 const Layout = (props: CalendarLayoutProps) => {
+  const [viewMode, setViewMode] = useState<"list" | "grid">("list");
   const {
     filterOpen,
     setFilterOpen,
@@ -62,6 +63,8 @@ const Layout = (props: CalendarLayoutProps) => {
         resetFilter={resetFilter}
         filter={filter}
         events={props.events}
+        viewMode={viewMode}
+        setViewMode={setViewMode}
       />
 
       <div className="relative flex">
@@ -87,7 +90,11 @@ const Layout = (props: CalendarLayoutProps) => {
         <div className="grow relative">
           {/* white gradient to indicate more events on the right for mobile */}
           <div className="absolute top-0 right-0 w-4 h-full bg-gradient-to-l from-white via-white/60 to-transparent pointer-events-none z-10 mouse-only:hidden"></div>
-          <NewScheduleIndex {...props} events={filteredEvents} />
+          <NewScheduleIndex
+            {...props}
+            events={filteredEvents}
+            viewMode={viewMode}
+          />
         </div>
       </div>
     </div>