Use LoadingOverlay component

This commit is contained in:
Oliver Walters
2023-07-27 19:03:56 +10:00
parent 5f9e18e0c0
commit 096e210e77

View File

@ -3,6 +3,7 @@ import {
Alert, Alert,
Checkbox, Checkbox,
Divider, Divider,
LoadingOverlay,
Modal, Modal,
NumberInput, NumberInput,
ScrollArea, ScrollArea,
@ -396,11 +397,10 @@ export function ApiForm({
> >
<Stack> <Stack>
<Divider /> <Divider />
{definitionQuery.isFetching && ( <Stack>
<Center> <LoadingOverlay
<Loader /> visible={definitionQuery.isFetching || initialDataQuery.isFetching}
</Center> />
)}
{error && ( {error && (
<Alert <Alert
radius="sm" radius="sm"
@ -428,6 +428,7 @@ export function ApiForm({
</Stack> </Stack>
</ScrollArea> </ScrollArea>
)} )}
</Stack>
<Divider /> <Divider />
<Group position="right"> <Group position="right">
<Button onClick={onClose} variant="outline" radius="sm" color="red"> <Button onClick={onClose} variant="outline" radius="sm" color="red">