- )})
-
- {copy.intro}
+ ++ {ui.activities.results.replace('{count}', String(visible.length))} +
+ )} +{item.description}
- Discover {item.title.toLowerCase()}s{ui.activities.no_match}
} diff --git a/web/components/CalendarApp.tsx b/web/components/CalendarApp.tsx index 9be51e6..732143d 100644 --- a/web/components/CalendarApp.tsx +++ b/web/components/CalendarApp.tsx @@ -1,6 +1,6 @@ 'use client' -import { useEffect, useState } from 'react' +import { useEffect, useMemo, useRef, useState } from 'react' import type { CalendarEvent } from '@/lib/calendar' import { clubDate, eventsForMonth, monthLayout, selectedEvent, shiftMonth } from '@/lib/calendar-dates' import { Icon } from '@/components/Icon' @@ -18,6 +18,12 @@ export function CalendarApp({ events, ui }: { events: CalendarEvent[]; ui: UiCop const [today, setToday] = useState{ui.calendar.loading}
+ useEffect(() => { + const region = datesRegion.current + if (!region) return + const measure = () => setDatesScrollable(region.scrollWidth > region.clientWidth) + measure() + const observer = new ResizeObserver(measure) + observer.observe(region) + return () => observer.disconnect() + }, [today]) - const currentMonth = today.slice(0, 7) + const currentMonth = today?.slice(0, 7) const monthKey = chosenMonth ?? currentMonth - const { label: monthName, firstDay, days } = monthLayout(monthKey) - const monthEvents = eventsForMonth(events, monthKey) + + const layout = useMemo(() => (monthKey ? monthLayout(monthKey) : undefined), [monthKey]) + const monthEvents = useMemo(() => (monthKey ? eventsForMonth(events, monthKey) : []), [events, monthKey]) + const eventsByDate = useMemo(() => { + const grouped = new Map{ui.calendar.loading}
+ } + + const { label: monthName, firstDay, days } = layout const selected = selectedEvent(monthEvents, selectedId, today) - const eventsByDate = new Map{ui.calendar.scroll_days}
{ui.calendar.scroll_more}
} - {monthEvents.length ?{data.exploreIntro}
{data.ui.sections.make_time_body}
{data.communityIntro}
{data.ui.shared.join_discord}{member.role}