Elgato_dark/fleet
1
0
Fork 0
mirror of https://github.com/fleetdm/fleet synced 2026-05-23 08:58:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 111

Fleet UI: Add default table empty state (#14510)

Browse source
This commit is contained in:
RachelElysia 2023-10-12 15:34:14 -04:00 committed by GitHub
parent c5ffd58679
commit eec7b439d3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
frontend/pages/queries/details/components/QueryReport/QueryReport.tsx
View file

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