src/i18n/locales/en.ts

@@ -71,8 +71,6 @@ const messages: LocaleMessages = {
       past: 'Past',
       filters: 'Filters',
       clearAll: 'Clear all',
-      filteringBy: 'Filtering by:',
-      removeCategory: 'Remove {category} filter',
     },
     categories: {
       concert: 'Concert',

src/i18n/locales/es.ts

@@ -71,8 +71,6 @@ const messages: LocaleMessages = {
       past: 'Pasado',
       filters: 'Filtros',
       clearAll: 'Limpiar todo',
-      filteringBy: 'Filtrando por:',
-      removeCategory: 'Quitar el filtro {category}',
     },
     categories: {
       concert: 'Concierto',

src/i18n/locales/fr.ts

@@ -71,8 +71,6 @@ const messages: LocaleMessages = {
       past: 'Passé',
       filters: 'Filtres',
       clearAll: 'Tout effacer',
-      filteringBy: 'Filtré par :',
-      removeCategory: 'Retirer le filtre {category}',
     },
     categories: {
       concert: 'Concert',

src/i18n/types.ts

@@ -72,8 +72,6 @@ export interface LocaleMessages {
       past: string
       filters: string
       clearAll: string
-      filteringBy: string
-      removeCategory: string
     }
     categories: Record<string, string>
     detail: {

src/modules/events/components/EventCalendarPopup.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import { useI18n } from 'vue-i18n'
 import {
   DialogRoot,
   DialogPortal,
@@ -11,10 +10,8 @@ import {
   DialogClose,
 } from 'reka-ui'
 import { X } from 'lucide-vue-next'
-import { Badge } from '@/components/ui/badge'
 import EventCalendarView from './EventCalendarView.vue'
 import type { Event } from '../types/event'
-import type { EventCategory } from '../types/category'
 
 // A date-picker popup: the month grid (with per-day event dots) in a
 // dialog. Picking a day emits selectDate and closes. Reused by the feed
@@ -24,40 +21,23 @@ import type { EventCategory } from '../types/category'
 // DialogContent) so it can use a light, blurred overlay instead of the
 // usual opaque dark dim — the feed stays visible, softly blurred, behind
 // the frosted-glass panel.
-const props = withDefaults(
+const props = defineProps<{
-  defineProps<{
+  open: boolean
-    open: boolean
+  events: Event[]
-    events: Event[]
+  title: string
-    title: string
+  description: string
-    description: string
+}>()
-    // Active category filter mirrored from the feed. Rendered as
-    // deselectable chips so the user can see — and loosen — what's
-    // narrowing the calendar without closing it. Defaults to none for
-    // callers that don't filter by category (e.g. My Tickets).
-    selectedCategories?: EventCategory[]
-  }>(),
-  {
-    selectedCategories: () => [],
-  },
-)
 
 const emit = defineEmits<{
   'update:open': [value: boolean]
   selectDate: [date: Date]
-  'toggle-category': [category: EventCategory]
 }>()
 
-const { t } = useI18n()
-
 const isOpen = computed({
   get: () => props.open,
   set: (v) => emit('update:open', v),
 })
 
-function categoryLabel(cat: EventCategory): string {
-  return t(`events.categories.${cat}`, cat)
-}
-
 function onSelectDate(date: Date) {
   emit('selectDate', date)
   isOpen.value = false
@@ -82,29 +62,6 @@ function onSelectDate(date: Date) {
             {{ description }}
           </DialogDescription>
         </div>
-        <!-- Active category filter — only the selected categories, each
-             removable. Clicking deselects via the parent's toggle, which
-             reactively re-narrows the calendar dots without closing. -->
-        <div
-          v-if="selectedCategories.length"
-          class="flex flex-wrap items-center gap-1.5"
-        >
-          <span class="text-xs text-muted-foreground">
-            {{ t('events.filters.filteringBy') }}
-          </span>
-          <Badge
-            v-for="cat in selectedCategories"
-            :key="cat"
-            variant="secondary"
-            class="cursor-pointer gap-1 text-xs select-none hover:opacity-80 transition-opacity"
-            :aria-label="t('events.filters.removeCategory', { category: categoryLabel(cat) })"
-            @click="emit('toggle-category', cat)"
-          >
-            {{ categoryLabel(cat) }}
-            <X class="w-3 h-3" />
-          </Badge>
-        </div>
-
         <EventCalendarView :events="events" picker-mode @select-date="onSelectDate" />
         <DialogClose
           class="absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none"

src/modules/events/views/EventsPage.vue

@@ -61,18 +61,6 @@ const {
 const filtersOpen = ref(false)
 const calendarOpen = ref(false)
 
-// Events feeding the calendar popup's per-day dots. Respects the active
-// category filter (so the calendar reflects what the user is browsing),
-// but not the temporal/day filters — the calendar is for picking any
-// date. No categories selected ⇒ all events.
-const calendarEvents = computed(() =>
-  selectedCategories.value.length
-    ? allEvents.value.filter(
-        (e) => e.category && selectedCategories.value.includes(e.category),
-      )
-    : allEvents.value,
-)
-
 // Human label for the active day filter, shown as a removable chip.
 const selectedDateLabel = computed(() =>
   selectedDate.value
@@ -267,12 +255,10 @@ onBeforeRouteLeave(() => {
          day filters the feed to it and closes. -->
     <EventCalendarPopup
       v-model:open="calendarOpen"
-      :events="calendarEvents"
+      :events="allEvents"
-      :selected-categories="selectedCategories"
       :title="t('events.nav.calendar', 'Calendar')"
       :description="t('events.calendar.pickDay', 'Pick a day to see its events')"
       @select-date="onSelectDate"
-      @toggle-category="toggleCategory"
     />
   </div>
 </template>