From 09905a4e4c7e9a296ccd0fcfbddd1a5341097704 Mon Sep 17 00:00:00 2001
From: Ivan Evans <74743263+Pasithea0@users.noreply.github.com>
Date: Wed, 25 Sep 2024 21:07:48 -0600
Subject: [PATCH] fix glowing so that it hides

---
 src/utils/discoverContent.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/utils/discoverContent.tsx b/src/utils/discoverContent.tsx
index 9f357f84..4d754892 100644
--- a/src/utils/discoverContent.tsx
+++ b/src/utils/discoverContent.tsx
@@ -68,9 +68,12 @@ function ScrollToTopButton() {
     <div className="fixed bottom-4 left-1/2 transform -translate-x-1/2 z-50">
       {/* Glow Effect (Behind the Button) */}
       <div
-        className="absolute inset-0 mx-auto h-[50px] w-[200px] rounded-full blur-[50px] opacity-50 pointer-events-none z-0"
+        className={`absolute inset-0 mx-auto h-[50px] w-[200px] rounded-full blur-[50px] opacity-50 pointer-events-none z-0 ${
+          isVisible ? "opacity-100 visible" : "opacity-0 invisible"
+        }`}
         style={{
           backgroundImage: `linear-gradient(to right, rgba(var(--colors-buttons-purpleHover)), rgba(var(--colors-progress-filled)))`,
+          transition: "opacity 0.4s ease-in-out, transform 0.4s ease-in-out",
         }}
       />