@@ -101,14 +101,14 @@ function SideBar({
101101 < Button
102102 variant = "outline"
103103 onClick = { handleSelectAll }
104- className = "play mr-2 border-2 border-black font-semibold hover:bg-slate-800 hover:text-white dark:border-[#434dba] dark:hover:border-white dark:hover:bg-slate-900"
104+ className = "font- play mr-2 border-2 border-black font-semibold hover:bg-slate-800 hover:text-white dark:border-[#434dba] dark:hover:border-white dark:hover:bg-slate-900"
105105 >
106106 Select All
107107 </ Button >
108108 < Button
109109 variant = "outline"
110110 onClick = { handleDeselectAll }
111- className = "play border-2 border-black font-semibold hover:bg-slate-800 hover:text-white dark:border-[#434dba] dark:hover:border-white dark:hover:bg-slate-900"
111+ className = "font- play border-2 border-black font-semibold hover:bg-slate-800 hover:text-white dark:border-[#434dba] dark:hover:border-white dark:hover:bg-slate-900"
112112 >
113113 Deselect All
114114 </ Button >
@@ -117,7 +117,7 @@ function SideBar({
117117 variant = "outline"
118118 onClick = { handleDownloadAll }
119119 disabled = { selectedPapers . length === 0 }
120- className = "play border-2 border-black font-semibold hover:bg-slate-800 hover:text-white dark:border-[#434dba] dark:hover:border-white dark:hover:bg-slate-900"
120+ className = "font- play border-2 border-black font-semibold hover:bg-slate-800 hover:text-white dark:border-[#434dba] dark:hover:border-white dark:hover:bg-slate-900"
121121 >
122122 Download All ({ selectedPapers . length } )
123123 </ Button >
@@ -126,11 +126,11 @@ function SideBar({
126126 < div className = "flex w-full items-center justify-between border-b-2 border-[#36266d] px-[10px] py-4" >
127127 < div className = "flex items-center gap-1" >
128128 < Filter size = { 24 } />
129- < div className = "play text-xl font-bold" > Filters</ div >
129+ < div className = "font- play text-xl font-bold" > Filters</ div >
130130 </ div >
131131 < div className = "flex flex-col" >
132132 < div
133- className = "play cursor-pointer rounded-full border-2 border-black px-2 py-1 text-xs font-semibold hover:bg-slate-800 hover:text-white dark:border-[#434dba] dark:hover:border-white dark:hover:bg-slate-900"
133+ className = "font- play cursor-pointer rounded-full border-2 border-black px-2 py-1 text-xs font-semibold hover:bg-slate-800 hover:text-white dark:border-[#434dba] dark:hover:border-white dark:hover:bg-slate-900"
134134 onClick = { ( ) => {
135135 handleApplyFilters ( [ ] , [ ] , [ ] , [ ] , [ ] , false ) ;
136136 } }
@@ -151,7 +151,7 @@ function SideBar({
151151 ! selectedAnswerKeyIncluded ,
152152 ) ;
153153 } }
154- className = { `play flex cursor-pointer rounded-full border-2 border-black px-2 py-1 text-xs font-semibold hover:bg-slate-800 hover:text-white ${ selectedAnswerKeyIncluded ? "border-[#B2B8FF] bg-[#B2B8FF] hover:border-black hover:bg-[#B2B8FF] dark:border-[#434dba] dark:bg-[#434dba] dark:hover:border-[white] dark:hover:bg-[#434dba]" : "bg-none hover:bg-[#B2B8FF] dark:border-white dark:hover:border-[#434dba]" } ` }
154+ className = { `font- play flex cursor-pointer rounded-full border-2 border-black px-2 py-1 text-xs font-semibold hover:bg-slate-800 hover:text-white ${ selectedAnswerKeyIncluded ? "border-[#B2B8FF] bg-[#B2B8FF] hover:border-black hover:bg-[#B2B8FF] dark:border-[#434dba] dark:bg-[#434dba] dark:hover:border-[white] dark:hover:bg-[#434dba]" : "bg-none hover:bg-[#B2B8FF] dark:border-white dark:hover:border-[#434dba]" } ` }
155155 >
156156 Answer Key Available
157157 </ div >
@@ -166,7 +166,7 @@ function SideBar({
166166 { /* Keep exams open by default for aesthetics */ }
167167 < AccordionItem className = "border-none no-underline" value = "item-1" >
168168 < AccordionTrigger className = "w-full no-underline" >
169- < div className = "play text-sm no-underline" > Exams</ div >
169+ < div className = "font- play text-sm no-underline" > Exams</ div >
170170 </ AccordionTrigger >
171171 < AccordionContent >
172172 < div className = "my-2 flex w-full flex-wrap items-center" >
@@ -194,7 +194,7 @@ function SideBar({
194194 ) ;
195195 }
196196 } }
197- className = { `play mb-2 mr-2 flex h-fit cursor-pointer items-center rounded-full border-2 border-black px-2 py-1 text-xs font-semibold hover:bg-slate-800 hover:text-white dark:hover:bg-slate-900 ${ selectedExams . includes ( exam . value ) ? "border-[#B2B8FF] bg-[#B2B8FF] hover:border-black hover:bg-[#B2B8FF] dark:border-[#434dba] dark:bg-[#434dba] dark:hover:border-[white] dark:hover:bg-[#434dba]" : "bg-none hover:bg-[#B2B8FF] dark:border-white dark:hover:border-[#434dba]" } ` }
197+ className = { `font- play mb-2 mr-2 flex h-fit cursor-pointer items-center rounded-full border-2 border-black px-2 py-1 text-xs font-semibold hover:bg-slate-800 hover:text-white dark:hover:bg-slate-900 ${ selectedExams . includes ( exam . value ) ? "border-[#B2B8FF] bg-[#B2B8FF] hover:border-black hover:bg-[#B2B8FF] dark:border-[#434dba] dark:bg-[#434dba] dark:hover:border-[white] dark:hover:bg-[#434dba]" : "bg-none hover:bg-[#B2B8FF] dark:border-white dark:hover:border-[#434dba]" } ` }
198198 >
199199 { exam . label }
200200 </ div >
@@ -208,7 +208,7 @@ function SideBar({
208208 < Accordion className = "w-full" type = "single" collapsible >
209209 < AccordionItem className = "border-none no-underline" value = "item-1" >
210210 < AccordionTrigger className = "w-full no-underline" >
211- < div className = "play text-sm no-underline" > Slots</ div >
211+ < div className = "font- play text-sm no-underline" > Slots</ div >
212212 </ AccordionTrigger >
213213 < AccordionContent >
214214 < div className = "my-2 flex w-full flex-wrap items-center" >
@@ -236,7 +236,7 @@ function SideBar({
236236 ) ;
237237 }
238238 } }
239- className = { `play mb-2 mr-2 flex h-fit cursor-pointer items-center rounded-full border-2 border-black px-2 py-1 text-xs font-semibold hover:bg-slate-800 hover:text-white dark:hover:bg-slate-900 ${ selectedSlots . includes ( slot . value ) ? "border-[#B2B8FF] bg-[#B2B8FF] hover:border-black hover:bg-[#B2B8FF] dark:border-[#434dba] dark:bg-[#434dba] dark:hover:border-[white] dark:hover:bg-[#434dba]" : "bg-none hover:bg-[#B2B8FF] dark:border-white dark:hover:border-[#434dba]" } ` }
239+ className = { `font- play mb-2 mr-2 flex h-fit cursor-pointer items-center rounded-full border-2 border-black px-2 py-1 text-xs font-semibold hover:bg-slate-800 hover:text-white dark:hover:bg-slate-900 ${ selectedSlots . includes ( slot . value ) ? "border-[#B2B8FF] bg-[#B2B8FF] hover:border-black hover:bg-[#B2B8FF] dark:border-[#434dba] dark:bg-[#434dba] dark:hover:border-[white] dark:hover:bg-[#434dba]" : "bg-none hover:bg-[#B2B8FF] dark:border-white dark:hover:border-[#434dba]" } ` }
240240 >
241241 { slot . label }
242242 </ div >
@@ -250,7 +250,7 @@ function SideBar({
250250 < Accordion className = "w-full" type = "single" collapsible >
251251 < AccordionItem className = "border-none no-underline" value = "item-1" >
252252 < AccordionTrigger className = "w-full no-underline" >
253- < div className = "play text-sm no-underline" > Years</ div >
253+ < div className = "font- play text-sm no-underline" > Years</ div >
254254 </ AccordionTrigger >
255255 < AccordionContent >
256256 < div className = "my-2 flex w-full flex-wrap items-center" >
@@ -278,7 +278,7 @@ function SideBar({
278278 ) ;
279279 }
280280 } }
281- className = { `play mb-2 mr-2 flex h-fit cursor-pointer items-center rounded-full border-2 border-black px-2 py-1 text-xs font-semibold hover:bg-slate-800 hover:text-white dark:hover:bg-slate-900 ${ selectedYears . includes ( year . value ) ? "border-[#B2B8FF] bg-[#B2B8FF] hover:border-black hover:bg-[#B2B8FF] dark:border-[#434dba] dark:bg-[#434dba] dark:hover:border-[white] dark:hover:bg-[#434dba]" : "bg-none hover:bg-[#B2B8FF] dark:border-white dark:hover:border-[#434dba]" } ` }
281+ className = { `font- play mb-2 mr-2 flex h-fit cursor-pointer items-center rounded-full border-2 border-black px-2 py-1 text-xs font-semibold hover:bg-slate-800 hover:text-white dark:hover:bg-slate-900 ${ selectedYears . includes ( year . value ) ? "border-[#B2B8FF] bg-[#B2B8FF] hover:border-black hover:bg-[#B2B8FF] dark:border-[#434dba] dark:bg-[#434dba] dark:hover:border-[white] dark:hover:bg-[#434dba]" : "bg-none hover:bg-[#B2B8FF] dark:border-white dark:hover:border-[#434dba]" } ` }
282282 >
283283 { year . label }
284284 </ div >
@@ -292,7 +292,7 @@ function SideBar({
292292 < Accordion className = "w-full" type = "single" collapsible >
293293 < AccordionItem className = "border-none no-underline" value = "item-1" >
294294 < AccordionTrigger className = "w-full no-underline" >
295- < div className = "play text-sm no-underline" > Semesters</ div >
295+ < div className = "font- play text-sm no-underline" > Semesters</ div >
296296 </ AccordionTrigger >
297297 < AccordionContent >
298298 < div className = "my-2 flex w-full flex-wrap items-center" >
@@ -320,7 +320,7 @@ function SideBar({
320320 ) ;
321321 }
322322 } }
323- className = { `play mb-2 mr-2 flex h-fit cursor-pointer items-center rounded-full border-2 border-black px-2 py-1 text-xs font-semibold hover:bg-slate-800 hover:text-white dark:hover:bg-slate-900 ${ selectedSemesters . includes ( semester . value ) ? "border-[#B2B8FF] bg-[#B2B8FF] hover:border-black hover:bg-[#B2B8FF] dark:border-[#434dba] dark:bg-[#434dba] dark:hover:border-[white] dark:hover:bg-[#434dba]" : "bg-none hover:bg-[#B2B8FF] dark:border-white dark:hover:border-[#434dba]" } ` }
323+ className = { `font- play mb-2 mr-2 flex h-fit cursor-pointer items-center rounded-full border-2 border-black px-2 py-1 text-xs font-semibold hover:bg-slate-800 hover:text-white dark:hover:bg-slate-900 ${ selectedSemesters . includes ( semester . value ) ? "border-[#B2B8FF] bg-[#B2B8FF] hover:border-black hover:bg-[#B2B8FF] dark:border-[#434dba] dark:bg-[#434dba] dark:hover:border-[white] dark:hover:bg-[#434dba]" : "bg-none hover:bg-[#B2B8FF] dark:border-white dark:hover:border-[#434dba]" } ` }
324324 >
325325 { semester . label }
326326 </ div >
0 commit comments