From eec7b439d39ad6b8f1ce8c5229856bb09937154b Mon Sep 17 00:00:00 2001
From: RachelElysia <71795832+RachelElysia@users.noreply.github.com>
Date: Thu, 12 Oct 2023 15:34:14 -0400
Subject: [PATCH] Fleet UI: Add default table empty state (#14510)

---
 .../components/QueryReport/QueryReport.tsx      | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/frontend/pages/queries/details/components/QueryReport/QueryReport.tsx b/frontend/pages/queries/details/components/QueryReport/QueryReport.tsx
index ca51bdc450..53fcb8da96 100644
--- a/frontend/pages/queries/details/components/QueryReport/QueryReport.tsx
+++ b/frontend/pages/queries/details/components/QueryReport/QueryReport.tsx
@@ -15,6 +15,7 @@ import Icon from "components/Icon/Icon";
 import TableContainer from "components/TableContainer";
 import ShowQueryModal from "components/modals/ShowQueryModal";
 import TooltipWrapper from "components/TooltipWrapper";
+import EmptyTable from "components/EmptyTable";
 
 import generateResultsTableHeaders from "./QueryReportTableConfig";
 
@@ -80,10 +81,6 @@ const QueryReport = ({
     setShowQueryModal(!showQueryModal);
   };
 
-  const renderNoResults = () => {
-    return <p className="no-results-message">TODO</p>;
-  };
-
   const renderTableButtons = () => {
     return (
       <div className={`${baseClass}__results-cta`}>
@@ -140,7 +137,17 @@ const QueryReport = ({
         <TableContainer
           columns={tableHeaders}
           data={tableResults(queryReport?.results || [])}
-          emptyComponent={renderNoResults}
+          // All empty states are handled in QueryDetailsPage.tsx and returned in lieu of QueryReport.tsx
+          emptyComponent={() => {
+            return (
+              <EmptyTable
+                className={baseClass}
+                iconName="empty-software"
+                header={"Nothing to report yet"}
+                info={"This query has returned no data so far."}
+              />
+            );
+          }}
           isLoading={false}
           isClientSidePagination
           isClientSideFilter