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

Fetch host count for software version detail page (#15610)

Browse source
This commit is contained in:
Sarah Gillespie 2023-12-12 17:28:41 -06:00 committed by GitHub
parent 3e4f36a20e
commit 1681603bae
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 20 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
frontend/pages/SoftwarePage/SoftwareVersionDetailsPage/SoftwareVersionDetailsPage.tsx
View file

@ -5,6 +5,10 @@ import { RouteComponentProps } from "react-router";
import softwareAPI, {
ISoftwareVersionResponse,
} from "services/entities/software";
import hostsCountAPI, {
IHostsCountQueryKey,
IHostsCountResponse,
} from "services/entities/host_count";
import { ISoftwareVersion, formatSoftwareType } from "interfaces/software";
import { GITHUB_NEW_ISSUE_LINK } from "utilities/constants";
import { AppContext } from "context/app";
@ -67,6 +71,21 @@ const SoftwareVersionDetailsPage = ({
}
);
// TODO: Confirm desired UX for error and loading states
const {
data: hostsCount,
// isError: isHostsCountError,
// isLoading: isHostsCountLoading,
} = useQuery<IHostsCountResponse, Error, number, IHostsCountQueryKey[]>(
[{ scope: "hosts_count", softwareVersionId: versionId }],
({ queryKey }) => hostsCountAPI.load(queryKey[0]),
{
keepPreviousData: true,
staleTime: 10000, // stale time can be adjusted if fresher data is desired
select: (data) => data.count,
}
);
const tableHeaders = useMemo(
() =>
generateSoftwareVersionDetailsTableConfig(
@ -90,7 +109,7 @@ const SoftwareVersionDetailsPage = ({
id={softwareVersion.id}
title={`${softwareVersion.name}, ${softwareVersion.version}`}
type={formatSoftwareType(softwareVersion)}
hosts={softwareVersion.hosts_count ?? 0}
hosts={hostsCount ?? 0}
queryParam="software_version_id"
name={softwareVersion.name}
source={softwareVersion.source}