From 89a3337afa7da1b0a62896ce9617c268f99c569e Mon Sep 17 00:00:00 2001
From: Eric Leijonmarck <eric.leijonmarck@gmail.com>
Date: Thu, 4 Jan 2024 14:04:45 +0100
Subject: [PATCH] Fix: Text area for devices not found to say no devices
 (#80011)

* initla commit

linting

make it along the area

* linting
---
 public/app/features/admin/Users/AnonUsersTable.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/public/app/features/admin/Users/AnonUsersTable.tsx b/public/app/features/admin/Users/AnonUsersTable.tsx
index 4ac14311976..f2ecd65c5a1 100644
--- a/public/app/features/admin/Users/AnonUsersTable.tsx
+++ b/public/app/features/admin/Users/AnonUsersTable.tsx
@@ -1,6 +1,7 @@
 import React, { useMemo } from 'react';
 
 import { Avatar, CellProps, Column, InteractiveTable, Stack, Badge, Tooltip } from '@grafana/ui';
+import { EmptyArea } from 'app/features/alerting/unified/components/EmptyArea';
 import { UserAnonymousDeviceDTO } from 'app/types';
 
 type Cell<T extends keyof UserAnonymousDeviceDTO = keyof UserAnonymousDeviceDTO> = CellProps<
@@ -86,6 +87,11 @@ export const AnonUsersDevicesTable = ({ devices }: AnonUsersTableProps) => {
   return (
     <Stack direction={'column'} gap={2}>
       <InteractiveTable columns={columns} data={devices} getRowId={(user) => user.deviceId} />
+      {devices.length === 0 && (
+        <EmptyArea>
+          <span>No anonymous users found.</span>
+        </EmptyArea>
+      )}
     </Stack>
   );
 };