External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-01-11 01:57:35 -03:30
Code Issues Packages Projects Releases Wiki Activity

Don't display facts until facts are loaded

Browse Source
This commit is contained in:
Jake McDermott 2020-08-24 12:55:32 -04:00
parent 6ef27e5458
commit 0af9e01610
No known key found for this signature in database
GPG Key ID: 0E56ED990CDFCB4F
1 changed files with 12 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
awx/ui_next/src/screens/Inventory/InventoryHostFacts/InventoryHostFacts.jsx
View File

@ -11,32 +11,31 @@ import useRequest from '../../../util/useRequest';
import { HostsAPI } from '../../../api';
function InventoryHostFacts({ i18n, host }) {
const { result: facts, isLoading, error, request: fetchFacts } = useRequest(
const { request, isLoading, error, result } = useRequest(
useCallback(async () => {
const [{ data: factsObj }] = await Promise.all([
HostsAPI.readFacts(host.id),
]);
return JSON.stringify(factsObj, null, 4);
const { data } = await HostsAPI.readFacts(host.id);
return JSON.stringify(data, null, 4);
}, [host]),
'{}'
null
);
useEffect(() => {
fetchFacts();
}, [fetchFacts]);
if (isLoading) {
return <ContentLoading />;
}
request();
}, [request]);
if (error) {
return <ContentError error={error} />;
}
if (isLoading || result === null) {
return <ContentLoading />;
}
return (
<CardBody>
<DetailList gutter="sm">
<VariablesDetail label={i18n._(t`Facts`)} fullHeight value={facts} />
<VariablesDetail label={i18n._(t`Facts`)} fullHeight value={result} />
</DetailList>
</CardBody>
);