From f223424cfa1033e157b05cce1cad7a7a1cae020e Mon Sep 17 00:00:00 2001
From: Matchu <matchu1993@gmail.com>
Date: Fri, 23 Apr 2021 15:37:52 -0700
Subject: [PATCH] Add total count to /support/petAppearances

---
 src/app/SupportPetAppearancesPage.js | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/app/SupportPetAppearancesPage.js b/src/app/SupportPetAppearancesPage.js
index 3d73c9c..16f8d72 100644
--- a/src/app/SupportPetAppearancesPage.js
+++ b/src/app/SupportPetAppearancesPage.js
@@ -89,12 +89,19 @@ function UnlabeledPetAppearancesList() {
   }
 
   return (
-    <Wrap>
+    <Wrap align="center">
       {speciesColorPairs.map(({ species, color }) => (
         <WrapItem key={`${species.id}-${color.id}`}>
           <SpeciesColorEditorLink species={species} color={color} />
         </WrapItem>
       ))}
+      <WrapItem>
+        {speciesColorPairs.length >= 10 && (
+          <Box fontSize="xs" fontStyle="italic" marginLeft="2">
+            (That's {speciesColorPairs.length} total, and fewer by the minute!)
+          </Box>
+        )}
+      </WrapItem>
     </Wrap>
   );
 }