From a40895bfd47a955ece7418d347c0afbf12035f68 Mon Sep 17 00:00:00 2001
From: Hexagonn <128217934+hexaaagon@users.noreply.github.com>
Date: Sun, 3 Nov 2024 05:25:17 +0000
Subject: [PATCH] fix(front): hide when the discord id is submitted

---
 src/app/globals.css |  2 +-
 src/app/page.tsx    | 16 ++++++++++++++--
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/app/globals.css b/src/app/globals.css
index ef2c814..7c1309c 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -69,7 +69,7 @@ body {
 }
 
 .stat {
-    position: absolute;
+    position: fixed;
     display: flex;
     flex-direction: row;
     align-items: center;
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 089fcd9..aa797da 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -503,14 +503,26 @@ export default function Home() {
                     </motion.div>
                 </div>
             </main>
-            <footer className="stat">
+            <motion.footer
+                variants={{
+                    open: {
+                        opacity: 1,
+                    },
+                    closed: {
+                        opacity: 0,
+                    },
+                }}
+                animate={isLoading ? "open" : "closed"}
+                transition={{ duration: 0.5 }}
+                className="stat"
+            >
                 Lanyard Profile Readme has{" "}
                 <div
                     style={{ fontWeight: "bold", width: "3.2rem" }}
                     ref={countRef}
                 />{" "}
                 total users!
-            </footer>
+            </motion.footer>
         </>
     );
 }