feat(events): calendar popup respects the selected category filter #115

Merged
padreug merged 2 commits from feat/calendar-respect-categories into dev 2026-06-18 12:41:18 +00:00
Owner

From the 17 Jun design review.

The calendar date-picker popup showed per-day dots for all events regardless of the active category filter. Now it's fed a category-filtered set, so the dots reflect what the user is browsing.

  • Categories selected → dots only for events in those categories.
  • No categories → all events (unchanged).
  • Temporal/day filters still don't apply to the calendar — it's for picking any date.

Update — deselectable category chips in the popup (3514d93)

The popup now also surfaces the selected categories as removable chips (a "Filtering by:" row between the title and the month grid), so the user can see — and loosen — what's narrowing the calendar without closing it.

  • Renders only the selected categories; tapping a chip's ✕ deselects it.
  • Deselecting emits toggle-category to the parent (EventsPage), which reactively re-widens the day-dots in place (popup stays open). Removing the last chip hides the row.
  • selectedCategories is an optional prop (defaults to none), so other callers like My Tickets are unaffected.
  • New i18n keys events.filters.filteringBy / removeCategory (en/fr/es + schema); built with the shared Badge + semantic theme-aware classes.

🤖 Generated with Claude Code

From the 17 Jun design review. The calendar date-picker popup showed per-day dots for **all** events regardless of the active category filter. Now it's fed a category-filtered set, so the dots reflect what the user is browsing. - Categories selected → dots only for events in those categories. - No categories → all events (unchanged). - Temporal/day filters still don't apply to the calendar — it's for picking any date. ## Update — deselectable category chips in the popup (3514d93) The popup now also **surfaces the selected categories as removable chips** (a "Filtering by:" row between the title and the month grid), so the user can see — and loosen — what's narrowing the calendar without closing it. - Renders **only the selected** categories; tapping a chip's ✕ deselects it. - Deselecting emits `toggle-category` to the parent (`EventsPage`), which reactively re-widens the day-dots **in place** (popup stays open). Removing the last chip hides the row. - `selectedCategories` is an optional prop (defaults to none), so other callers like My Tickets are unaffected. - New i18n keys `events.filters.filteringBy` / `removeCategory` (en/fr/es + schema); built with the shared `Badge` + semantic theme-aware classes. 🤖 Generated with [Claude Code](https://claude.com/claude-code)
The date-picker popup showed dots for all events regardless of the
active category filter. Feed it a category-filtered set so its per-day
dots reflect what the user is browsing (temporal/day filters still don't
apply — the calendar is for picking any date). No categories selected
behaves as before (all events).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
The calendar popup already narrows its day-dots to the active category
filter; surface those categories inside the popup so the user can see —
and loosen — what's narrowing it without closing. Renders only the
selected categories as removable chips; clicking one emits toggle-category
to the parent, which reactively re-widens the dots in place.

- EventCalendarPopup: optional selectedCategories prop (defaults to none
  for callers like My Tickets) + toggle-category emit; chip row between
  the header and the month grid.
- EventsPage: wire selectedCategories + toggleCategory through.
- i18n: events.filters.filteringBy + removeCategory (en/fr/es + schema).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
padreug deleted branch feat/calendar-respect-categories 2026-06-18 12:41:19 +00:00
Sign in to join this conversation.
No description provided.