diff --git a/apps/dashboard/src/app/(app)/[organizationSlug]/[projectId]/events/events.tsx b/apps/dashboard/src/app/(app)/[organizationSlug]/[projectId]/events/events.tsx index 85ab0fe0..77272dd8 100644 --- a/apps/dashboard/src/app/(app)/[organizationSlug]/[projectId]/events/events.tsx +++ b/apps/dashboard/src/app/(app)/[organizationSlug]/[projectId]/events/events.tsx @@ -6,7 +6,10 @@ import { EventsTable } from '@/components/events/table'; import { OverviewFiltersButtons } from '@/components/overview/filters/overview-filters-buttons'; import { OverviewFiltersDrawer } from '@/components/overview/filters/overview-filters-drawer'; import { Button } from '@/components/ui/button'; -import { useEventQueryFilters } from '@/hooks/useEventQueryFilters'; +import { + useEventQueryFilters, + useEventQueryNamesFilter, +} from '@/hooks/useEventQueryFilters'; import { pushModal } from '@/modals'; import { api } from '@/trpc/client'; import { format } from 'date-fns'; @@ -24,12 +27,14 @@ const Events = ({ projectId, profileId }: Props) => { 'startDate', parseAsIsoDateTime, ); + const [eventNames] = useEventQueryNamesFilter(); const [endDate, setEndDate] = useQueryState('endDate', parseAsIsoDateTime); const query = api.event.events.useInfiniteQuery( { projectId, filters, + events: eventNames, profileId, startDate: startDate || undefined, endDate: endDate || undefined, diff --git a/packages/trpc/src/routers/event.ts b/packages/trpc/src/routers/event.ts index 6b96bd79..5a169b51 100644 --- a/packages/trpc/src/routers/event.ts +++ b/packages/trpc/src/routers/event.ts @@ -82,6 +82,7 @@ export const eventRouter = createTRPCRouter({ filters: z.array(zChartEventFilter).default([]), startDate: z.date().optional(), endDate: z.date().optional(), + events: z.array(z.string()).optional(), }), ) .query(async ({ input }) => {