[App Search][Polish] API Logs empty state (#102998)

* Re-add noItemsMessage to ApiLogsTable

- Primarily for Engine Overview use - totally forgot about this 🤦

* Tweak API logs empty state copy

- after discussing w/ Davey

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}
     />
   );

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')
     );

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>
     }