@@ -103,57 +103,21 @@ export default function JudgingSchedule() {
103103 } ) )
104104 : [ ] ;
105105
106- // State to manage the filter (all teams or assigned teams)
107- const [ filter , setFilter ] = useState < "all" | "assigned" > ( "all" ) ;
108-
109- // Filtered events based on the selected filter
110- const filteredEvents =
111- filter === "all"
112- ? judgingEvents
113- : judgingEvents . filter ( ( event ) =>
114- judgeData ?. some ( ( judge ) => judge . JUDGE_roomId === event . room_id ) ,
115- ) ;
116-
117106 return isLoading ? (
118107 < div className = "flex h-screen items-center justify-center" >
119108 < KevinLoadingRing />
120109 </ div >
121110 ) : (
122111 < div className = "mt-8 flex flex-col items-center" >
123- { /* Filter Buttons */ }
124112 < div className = "mb-6 flex space-x-4" >
125- < button
126- onClick = { ( ) => setFilter ( "all" ) }
127- className = { `rounded px-4 py-2 ${
128- filter === "all"
129- ? "bg-awesomer-purple text-white"
130- : "bg-dashboard-grey"
131- } `}
132- >
133- All Teams
134- </ button >
135- < button
136- onClick = { ( ) => setFilter ( "assigned" ) }
137- className = { `rounded px-4 py-2 ${
138- filter === "assigned"
139- ? "bg-awesomer-purple text-white"
140- : "bg-dashboard-grey"
141- } `}
142- >
143- Assigned Teams
144- </ button >
113+ < div className = "text-6xl text-awesomer-purple" > Judging Schedule</ div >
145114 </ div >
146115
147- { /* Schedule Display */ }
148116 < div className = "w-full max-w-[1000px] rounded-md border border-awesomer-purple bg-light-grey p-4 text-lg text-black" >
149- { filteredEvents . length > 0 ? (
150- < JudgingTimeline
151- judgeRooms = { judgeRooms }
152- judgingEvents = { filteredEvents }
153- />
154- ) : (
155- < div className = "flex justify-center" > Schedule not made yet</ div >
156- ) }
117+ < JudgingTimeline
118+ judgeRooms = { judgeRooms }
119+ judgingEvents = { judgingEvents }
120+ />
157121 </ div >
158122 </ div >
159123 ) ;
0 commit comments