mirror
/
moonstream
kopia lustrzana https://github.com/bugout-dev/moonstream
1
0
Forkuj 0
Kod Zgłoszenia Projekty Wydania Wiki Aktywność

Add loading spinner.

pull/516/head
Andrey Dolgolev 2022-01-13 16:22:34 +02:00
rodzic a309d71e71
commit 609f50c8a1
1 zmienionych plików z 25 dodań i 22 usunięć
Pokaż statystyki Ściągnij plik aktualizacji Ściągnij plik porównania Expand all files Collapse all files

47
frontend/src/components/SubscriptionReport.js
Wyświetl plik

@ -26,7 +26,7 @@ const SubscriptionReport = ({
id,
refetchLinks,
}) => {
const { data, isLoading, failureCount } = usePresignedURL({
const { data, isLoading, failureCount, isFetching } = usePresignedURL({
...presignedRequest,
isEnabled: true,
id: id,
@ -168,15 +168,16 @@ const SubscriptionReport = ({
boxShadow="md"
m={2}
>
<Text
<Flex
direction="row"
w="100%"
py={2}
bgColor="gray.50"
fontWeight="600"
textAlign="center"
bgColor="blue.50"
placeItems="center"
justifyContent={"center"}
>
{key}
</Text>
<Text>{key}</Text>
{isFetching && <Spinner size="sm" m={1} />}
</Flex>
<Report
data={data.events[key]}
metric={key}
@ -211,15 +212,16 @@ const SubscriptionReport = ({
boxShadow="md"
m={2}
>
<Text
<Flex
direction="row"
w="100%"
py={2}
bgColor="gray.50"
fontWeight="600"
textAlign="center"
bgColor="blue.50"
placeItems="center"
justifyContent={"center"}
>
{key}
</Text>
<Text>{key}</Text>
{isFetching && <Spinner size="sm" m={2} />}
</Flex>
<Report
data={data.functions[key]}
metric={key}
@ -254,15 +256,16 @@ const SubscriptionReport = ({
boxShadow="md"
m={2}
>
<Text
<Flex
direction="row"
w="100%"
py={2}
bgColor="gray.50"
fontWeight="600"
textAlign="center"
bgColor="blue.50"
placeItems="center"
justifyContent={"center"}
>
{key}
</Text>
<Text>{key}</Text>
{isFetching && <Spinner size="sm" m={2} />}
</Flex>
<Report
data={data.generic[key]}
metric={key}