From e5f1c229c52435f8e24bf6eecc1b33e3b9c26d84 Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Fri, 27 Jan 2023 14:08:57 -0500
Subject: [PATCH] Placeholder for stats

---
 src/layouts/partials/auth-data-snippet.html | 62 +++++++++++++--------
 1 file changed, 38 insertions(+), 24 deletions(-)

diff --git a/src/layouts/partials/auth-data-snippet.html b/src/layouts/partials/auth-data-snippet.html
index 9b8e0ad..089d507 100644
--- a/src/layouts/partials/auth-data-snippet.html
+++ b/src/layouts/partials/auth-data-snippet.html
@@ -1,24 +1,38 @@
-<script>
-  try {
-    fetch('https://app.tea.xyz/api/signups')
-      .then(res => res.json())
-      .then(res => {
-        const signups = res.signups ? res.signups.toLocaleString() : ""
-        if (!(localStorage['signup'] || '').match(/:::/)) {
-          $('#count').html(signups)
-        }
-        $('#count1').html(signups)
-        $('#count2').html(signups)
-        $('#count3').html(signups)
-        $('#count4').html(signups)
-        $('#count5').html(signups)
-        $('#count6').html(signups)
-        $('#count7').html(signups)
-        $('#stat-one').html(res.repos ? res.repos.toLocaleString() : "")
-        $('#stat-one-small').html(res.repos ? res.repos.toLocaleString() : "")
-        $('#stat-two').html(res.maintainers ? res.maintainers.toLocaleString() : "")
-      })
-  } catch (e) {
-    console.error(e)
-  }
-</script>
+
+  <script>
+    // Add a 400px tall placeholder
+    $('#count').html('<div style="height: 400px"></div>');
+    $('#count1').html('<div style="height: 400px"></div>');
+    $('#count2').html('<div style="height: 400px"></div>');
+    $('#count3').html('<div style="height: 400px"></div>');
+    $('#count4').html('<div style="height: 400px"></div>');
+    $('#count5').html('<div style="height: 400px"></div>');
+    $('#count6').html('<div style="height: 400px"></div>');
+    $('#count7').html('<div style="height: 400px"></div>');
+    $('#stat-one').html('<div style="height: 400px"></div>');
+    $('#stat-one-small').html('<div style="height: 400px"></div>');
+    $('#stat-two').html('<div style="height: 400px"></div>');
+
+    try {
+      fetch('https://app.tea.xyz/api/signups')
+        .then(res => res.json())
+        .then(res => {
+          const signups = res.signups ? res.signups.toLocaleString() : ""
+          if (!(localStorage['signup'] || '').match(/:::/)) {
+            $('#count').html(signups)
+          }
+          $('#count1').html(signups)
+          $('#count2').html(signups)
+          $('#count3').html(signups)
+          $('#count4').html(signups)
+          $('#count5').html(signups)
+          $('#count6').html(signups)
+          $('#count7').html(signups)
+          $('#stat-one').html(res.repos ? res.repos.toLocaleString() : "")
+          $('#stat-one-small').html(res.repos ? res.repos.toLocaleString() : "")
+          $('#stat-two').html(res.maintainers ? res.maintainers.toLocaleString() : "")
+        })
+    } catch (e) {
+      console.error(e)
+    }
+  </script>