Disable filters if there's just one option

Author: hasparus

src/app/(main)/community/events/event-filter-tag.tsx

@@ -15,24 +15,27 @@ export interface EventFilterTagProps
   kind: EventKind
   checked: boolean
   onChange: (event: React.ChangeEvent<HTMLInputElement>) => void
+  disabled?: boolean
 }
 
 export function EventFilterTag({
   kind,
   checked,
   onChange,
+  disabled,
   ...rest
 }: EventFilterTagProps) {
   return (
     <label
       {...rest}
-      className="cursor-pointer select-none hover:opacity-90 hover:ring hover:ring-neu-100 dark:hover:ring-neu-50"
+      className="cursor-pointer select-none hover:opacity-90 hover:ring hover:ring-neu-100 has-[>:disabled]:pointer-events-none dark:hover:ring-neu-50"
     >
       <input
         type="checkbox"
         className="sr-only"
         onChange={onChange}
         checked={checked}
+        disabled={disabled}
       />
       <Tag
         color={eventTagColors[kind]}

src/app/(main)/community/events/events-list.tsx

@@ -112,6 +112,10 @@ export function EventsList({
               key={tag}
               kind={tag}
               checked={kindFilters[tag]}
+              disabled={
+                Object.values(kindFilters).filter(Boolean).length === 1 &&
+                kindFilters[tag]
+              }
               onChange={event => {
                 setKindFilters(prev => ({
                   ...prev,