From 25aee7221dcf326b95df0d8d3d3e2680e5db27d9 Mon Sep 17 00:00:00 2001
From: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
Date: Tue, 22 Jun 2021 19:52:15 -0400
Subject: [PATCH] [App Search][Polish] API Logs empty state (#102998) (#103019)

* Re-add noItemsMessage to ApiLogsTable

- Primarily for Engine Overview use - totally forgot about this :facepalm:

* Tweak API logs empty state copy

- after discussing w/ Davey

Co-authored-by: Constance <constancecchen@users.noreply.github.com>
---
 .../components/api_logs/components/api_logs_table.tsx         | 3 +++
 .../components/api_logs/components/empty_state.test.tsx       | 2 +-
 .../app_search/components/api_logs/components/empty_state.tsx | 4 ++--
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/x-pack/plugins/enterprise_search/public/applications/app_search/components/api_logs/components/api_logs_table.tsx b/x-pack/plugins/enterprise_search/public/applications/app_search/components/api_logs/components/api_logs_table.tsx
index 1b5a8084f5b594..d5bb525cfd3328 100644
--- a/x-pack/plugins/enterprise_search/public/applications/app_search/components/api_logs/components/api_logs_table.tsx
+++ b/x-pack/plugins/enterprise_search/public/applications/app_search/components/api_logs/components/api_logs_table.tsx
@@ -26,6 +26,8 @@ import { ApiLogsLogic } from '../index';
 import { ApiLog } from '../types';
 import { getStatusColor } from '../utils';
 
+import { EmptyState } from './';
+
 import './api_logs_table.scss';
 
 interface Props {
@@ -108,6 +110,7 @@ export const ApiLogsTable: React.FC<Props> = ({ hasPagination }) => {
       items={apiLogs}
       responsive
       loading={dataLoading}
+      noItemsMessage={<EmptyState />}
       {...paginationProps}
     />
   );
diff --git a/x-pack/plugins/enterprise_search/public/applications/app_search/components/api_logs/components/empty_state.test.tsx b/x-pack/plugins/enterprise_search/public/applications/app_search/components/api_logs/components/empty_state.test.tsx
index 3ad22ceac5840d..19f45ced5dc5dc 100644
--- a/x-pack/plugins/enterprise_search/public/applications/app_search/components/api_logs/components/empty_state.test.tsx
+++ b/x-pack/plugins/enterprise_search/public/applications/app_search/components/api_logs/components/empty_state.test.tsx
@@ -19,7 +19,7 @@ describe('EmptyState', () => {
       .find(EuiEmptyPrompt)
       .dive();
 
-    expect(wrapper.find('h2').text()).toEqual('Perform your first API call');
+    expect(wrapper.find('h2').text()).toEqual('No API events in the last 24 hours');
     expect(wrapper.find(EuiButton).prop('href')).toEqual(
       expect.stringContaining('/api-reference.html')
     );
diff --git a/x-pack/plugins/enterprise_search/public/applications/app_search/components/api_logs/components/empty_state.tsx b/x-pack/plugins/enterprise_search/public/applications/app_search/components/api_logs/components/empty_state.tsx
index 3f6f44adefc71d..76bd0cba1731f8 100644
--- a/x-pack/plugins/enterprise_search/public/applications/app_search/components/api_logs/components/empty_state.tsx
+++ b/x-pack/plugins/enterprise_search/public/applications/app_search/components/api_logs/components/empty_state.tsx
@@ -18,14 +18,14 @@ export const EmptyState: React.FC = () => (
     title={
       <h2>
         {i18n.translate('xpack.enterpriseSearch.appSearch.engine.apiLogs.emptyTitle', {
-          defaultMessage: 'Perform your first API call',
+          defaultMessage: 'No API events in the last 24 hours',
         })}
       </h2>
     }
     body={
       <p>
         {i18n.translate('xpack.enterpriseSearch.appSearch.engine.apiLogs.emptyDescription', {
-          defaultMessage: "Check back after you've performed some API calls.",
+          defaultMessage: 'Logs will update in real-time when an API request occurs.',
         })}
       </p>
     }