From 23120ec0115f03683fab97a061c324ae791cf1a7 Mon Sep 17 00:00:00 2001
From: Bas Broekhuizen <bas.broekhuizen@gmail.com>
Date: Wed, 9 Jul 2025 09:10:02 +0200
Subject: [PATCH] Replace loading text with icon

---
 .../(main)/websites/[websiteId]/events/EventProperties.tsx  | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/(main)/websites/[websiteId]/events/EventProperties.tsx b/src/app/(main)/websites/[websiteId]/events/EventProperties.tsx
index 6d555e5d..e3e442ad 100644
--- a/src/app/(main)/websites/[websiteId]/events/EventProperties.tsx
+++ b/src/app/(main)/websites/[websiteId]/events/EventProperties.tsx
@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { GridColumn, GridTable, Flexbox, Button, ButtonGroup } from 'react-basics';
+import { GridColumn, GridTable, Flexbox, Button, ButtonGroup, Loading } from 'react-basics';
 import { useEventDataProperties, useEventDataValues, useMessages } from '@/components/hooks';
 import { LoadingPanel } from '@/components/common/LoadingPanel';
 import PieChart from '@/components/charts/PieChart';
@@ -82,8 +82,8 @@ export function EventProperties({ websiteId }: { websiteId: string }) {
               </ButtonGroup>
             </Flexbox>
 
-            {values?.length === 0 ? (
-              <div>{formatMessage(labels.noData)}</div>
+            {!values ? (
+              <Loading icon="dots" />
             ) : propertyView === 'table' ? (
               <ListTable data={tableData} />
             ) : (