From 07940c7cc536dcb624fb3e03d0010425e2a0117d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Carl-Gerhard=20Lindesva=CC=88rd?= <lindesvard@gmail.com>
Date: Thu, 5 Sep 2024 18:13:44 +0200
Subject: [PATCH] fix(dashboard): fix event properties combobox

---
 .../components/report/sidebar/EventPropertiesCombobox.tsx  | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/apps/dashboard/src/components/report/sidebar/EventPropertiesCombobox.tsx b/apps/dashboard/src/components/report/sidebar/EventPropertiesCombobox.tsx
index 52e5f5a8..0f1b3523 100644
--- a/apps/dashboard/src/components/report/sidebar/EventPropertiesCombobox.tsx
+++ b/apps/dashboard/src/components/report/sidebar/EventPropertiesCombobox.tsx
@@ -1,5 +1,6 @@
 import { Combobox } from '@/components/ui/combobox';
 import { useAppParams } from '@/hooks/useAppParams';
+import { useEventProperties } from '@/hooks/useEventProperties';
 import { useDispatch, useSelector } from '@/redux';
 import { api } from '@/trpc/client';
 import { cn } from '@/utils/cn';
@@ -20,7 +21,7 @@ export function EventPropertiesCombobox({
   const { projectId } = useAppParams();
   const range = useSelector((state) => state.report.range);
   const interval = useSelector((state) => state.report.interval);
-  const query = api.chart.properties.useQuery(
+  const properties = useEventProperties(
     {
       event: event.name,
       projectId,
@@ -30,9 +31,7 @@ export function EventPropertiesCombobox({
     {
       enabled: !!event.name,
     }
-  );
-
-  const properties = (query.data ?? []).map((item) => ({
+  ).map((item) => ({
     label: item,
     value: item,
   }));