@@ -67,65 +67,63 @@ function ScheduleView({ videos, openModal }: Props) {
6767
6868 return (
6969 < main className = "w-full gap-4 items-center justify-center flex-col flex" >
70- { events . length > 0 && (
71- < Calendar events = { events } >
72- < div className = "h-dvh w-full py-6 flex flex-col" >
73- < div className = "flex px-6 items-center gap-2 mb-6" >
74- < CalendarViewTrigger
75- className = "aria-[current=true]:bg-accent font-normal text-sm"
76- view = "day"
77- >
78- Day
79- </ CalendarViewTrigger >
80- < CalendarViewTrigger
81- view = "week"
82- className = "aria-[current=true]:bg-accent font-normal text-sm"
83- >
84- Week
85- </ CalendarViewTrigger >
86- < CalendarViewTrigger
87- view = "month"
88- className = "aria-[current=true]:bg-accent font-normal text-sm"
89- >
90- Month
91- </ CalendarViewTrigger >
70+ < Calendar events = { events } >
71+ < div className = "h-dvh w-full py-6 flex flex-col" >
72+ < div className = "flex px-6 items-center gap-2 mb-6" >
73+ < CalendarViewTrigger
74+ className = "aria-[current=true]:bg-accent font-normal text-sm"
75+ view = "day"
76+ >
77+ Day
78+ </ CalendarViewTrigger >
79+ < CalendarViewTrigger
80+ view = "week"
81+ className = "aria-[current=true]:bg-accent font-normal text-sm"
82+ >
83+ Week
84+ </ CalendarViewTrigger >
85+ < CalendarViewTrigger
86+ view = "month"
87+ className = "aria-[current=true]:bg-accent font-normal text-sm"
88+ >
89+ Month
90+ </ CalendarViewTrigger >
9291
93- < span className = "flex-1" />
92+ < span className = "flex-1" />
9493
95- < CalendarCurrentDate />
94+ < CalendarCurrentDate />
9695
97- < CalendarPrevTrigger >
98- < ChevronLeft size = { 20 } />
99- < span className = "sr-only" > Previous</ span >
100- </ CalendarPrevTrigger >
96+ < CalendarPrevTrigger >
97+ < ChevronLeft size = { 20 } />
98+ < span className = "sr-only" > Previous</ span >
99+ </ CalendarPrevTrigger >
101100
102- < CalendarTodayTrigger className = "font-normal" >
103- Today
104- </ CalendarTodayTrigger >
101+ < CalendarTodayTrigger className = "font-normal" >
102+ Today
103+ </ CalendarTodayTrigger >
105104
106- < CalendarNextTrigger >
107- < ChevronRight size = { 20 } />
108- < span className = "sr-only" > Next</ span >
109- </ CalendarNextTrigger >
105+ < CalendarNextTrigger >
106+ < ChevronRight size = { 20 } />
107+ < span className = "sr-only" > Next</ span >
108+ </ CalendarNextTrigger >
110109
111- < Button
112- variant = "default"
113- className = "font-normal"
114- onClick = { openModal }
115- >
116- Plan content
117- </ Button >
118- </ div >
110+ < Button
111+ variant = "default"
112+ className = "font-normal"
113+ onClick = { openModal }
114+ >
115+ Plan content
116+ </ Button >
117+ </ div >
119118
120- < div className = "flex-1 overflow-auto px-6 relative" >
121- < CalendarDayView />
122- < CalendarWeekView />
123- < CalendarMonthView />
124- < CalendarYearView />
125- </ div >
119+ < div className = "flex-1 overflow-auto px-6 relative" >
120+ < CalendarDayView />
121+ < CalendarWeekView />
122+ < CalendarMonthView />
123+ < CalendarYearView />
126124 </ div >
127- </ Calendar >
128- ) }
125+ </ div >
126+ </ Calendar >
129127 </ main >
130128 ) ;
131129}
0 commit comments