user button loading spinner fix

cdleveille · Jun 9, 2024 · a6f7075 · a6f7075
1 parent 6f81106
commit a6f7075
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -256,7 +256,6 @@ h1 {
 	position: absolute;
 	top: 0.25rem;
 	left: 0.25rem;
-	z-index: 1000;
 }
 
 .settings-btn {

diff --git a/src/components/user/UserButton.tsx b/src/components/user/UserButton.tsx
@@ -11,7 +11,10 @@ export const UserButton = () => {
 	const [isLoading, setIsLoading] = useState(true);
 	const { showSignInModal } = useAppContext();
 
-	useEffect(() => setIsLoading(false), []);
+	useEffect(() => {
+		const timeout = setTimeout(() => setIsLoading(false), 1000);
+		return () => clearTimeout(timeout);
+	}, []);
 
 	return (
 		<div className="user-btn">