Add a delay to bulk image conversion loading state

Right, yeah, in prod this is way faster, so the loading indicator is a distraction!
This commit is contained in:
Emi Matchu 2021-05-25 05:49:47 -07:00
parent 5f1980241f
commit e829cc5525

View file

@ -389,12 +389,14 @@ function BulkImageConverter() {
/> />
<Box gridArea="status" textAlign="right" justifySelf="end"> <Box gridArea="status" textAlign="right" justifySelf="end">
{loading ? ( {loading ? (
<Flex alignItems="center" opacity="0.8"> <Delay ms={1000}>
<Spinner size="xs" marginRight="1.5" /> <Flex alignItems="center" opacity="0.8">
<Box fontSize="sm"> <Spinner size="xs" marginRight="1.5" />
Found {outfitIds.length} outfit images, converting <Box fontSize="sm">
</Box> Found {outfitIds.length} outfit images, converting
</Flex> </Box>
</Flex>
</Delay>
) : error ? ( ) : error ? (
<ErrorMessage fontSize="sm"> <ErrorMessage fontSize="sm">
Error loading outfits. Try again? Error loading outfits. Try again?