Skip to content

Commit d6b05ee

Browse files
committed
type fix
1 parent 553a578 commit d6b05ee

2 files changed

Lines changed: 12 additions & 4 deletions

File tree

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

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,6 @@ export type ScheduleProps = {
2323
setSelectedEvent: (event: EventType | null) => void;
2424
setSelectedDay: (day: string | null) => void;
2525
events: EventType[];
26-
viewMode: "list" | "grid";
2726
};
2827

2928
// Utility function for tracking placed nodes in the grid
@@ -160,7 +159,7 @@ const NewScheduleIndexInner = ({
160159
setSelectedDay,
161160
events,
162161
viewMode,
163-
}: ScheduleProps) => {
162+
}: ScheduleProps & { viewMode: "list" | "grid" }) => {
164163
const searchParams = useSearchParams();
165164
// const { selectedEvent, selectedDay, setSelectedEvent, setSelectedDay } = useCalendarStore()
166165
const eventRange = computeCalendarRange(events);
@@ -491,7 +490,9 @@ const NewScheduleIndexInner = ({
491490
</div> */
492491
};
493492

494-
const NewScheduleIndex = (props: ScheduleProps) => {
493+
const NewScheduleIndex = (
494+
props: ScheduleProps & { viewMode: "list" | "grid" }
495+
) => {
495496
return (
496497
<Suspense fallback={<div>Loading...</div>}>
497498
<NewScheduleIndexInner {...props} />

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

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@ type CalendarLayoutProps = ScheduleProps & {
1010
};
1111

1212
const Layout = (props: CalendarLayoutProps) => {
13+
const [viewMode, setViewMode] = useState<"list" | "grid">("list");
1314
const {
1415
filterOpen,
1516
setFilterOpen,
@@ -62,6 +63,8 @@ const Layout = (props: CalendarLayoutProps) => {
6263
resetFilter={resetFilter}
6364
filter={filter}
6465
events={props.events}
66+
viewMode={viewMode}
67+
setViewMode={setViewMode}
6568
/>
6669

6770
<div className="relative flex">
@@ -87,7 +90,11 @@ const Layout = (props: CalendarLayoutProps) => {
8790
<div className="grow relative">
8891
{/* white gradient to indicate more events on the right for mobile */}
8992
<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>
90-
<NewScheduleIndex {...props} events={filteredEvents} />
93+
<NewScheduleIndex
94+
{...props}
95+
events={filteredEvents}
96+
viewMode={viewMode}
97+
/>
9198
</div>
9299
</div>
93100
</div>

0 commit comments

Comments
 (0)