add some extra loading flair
just some text to keep you busy in the longer loading cases!
This commit is contained in:
parent
0c614deb41
commit
d4c2a681ab
1 changed files with 10 additions and 1 deletions
|
@ -4,6 +4,7 @@ import { StarIcon } from "@chakra-ui/icons";
|
||||||
import gql from "graphql-tag";
|
import gql from "graphql-tag";
|
||||||
import { useQuery } from "@apollo/client";
|
import { useQuery } from "@apollo/client";
|
||||||
|
|
||||||
|
import { Delay } from "./util";
|
||||||
import HangerSpinner from "./components/HangerSpinner";
|
import HangerSpinner from "./components/HangerSpinner";
|
||||||
import { Heading1, Heading2 } from "./util";
|
import { Heading1, Heading2 } from "./util";
|
||||||
import ItemSummary, { ItemSummaryBadgeList } from "./components/ItemSummary";
|
import ItemSummary, { ItemSummaryBadgeList } from "./components/ItemSummary";
|
||||||
|
@ -41,8 +42,16 @@ function ItemModelsList() {
|
||||||
|
|
||||||
if (loading) {
|
if (loading) {
|
||||||
return (
|
return (
|
||||||
<Box display="flex" justifyContent="center">
|
<Box
|
||||||
|
display="flex"
|
||||||
|
flexDirection="column"
|
||||||
|
alignItems="center"
|
||||||
|
marginTop="16"
|
||||||
|
>
|
||||||
<HangerSpinner />
|
<HangerSpinner />
|
||||||
|
<Box fontSize="xs" marginTop="1">
|
||||||
|
<Delay ms={2500}>Checking all the items…</Delay>
|
||||||
|
</Box>
|
||||||
</Box>
|
</Box>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue