From bfa1ee70e620d8ddc1ddf1d6cccdf273f73a5954 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Carl-Gerhard=20Lindesva=CC=88rd?= <lindesvard@gmail.com>
Date: Wed, 16 Apr 2025 11:36:54 +0200
Subject: [PATCH] fix(dashboard): able to filter on event names

---
 .../(app)/[organizationSlug]/[projectId]/events/events.tsx | 7 ++++++-
 packages/trpc/src/routers/event.ts                         | 1 +
 2 files changed, 7 insertions(+), 1 deletion(-)

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 }) => {