From e829cc552586f3255af66bdc6c7c35f7d42f3f17 Mon Sep 17 00:00:00 2001
From: Matchu <matchu1993@gmail.com>
Date: Tue, 25 May 2021 05:49:47 -0700
Subject: [PATCH] Add a delay to bulk image conversion loading state

Right, yeah, in prod this is way faster, so the loading indicator is a distraction!
---
 src/app/OutfitUrlsPage.js | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

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