From cbec0603bdd4572831bb6cf2b85103bd7bebbb17 Mon Sep 17 00:00:00 2001
From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>
Date: Tue, 25 Feb 2025 23:36:53 -0600
Subject: [PATCH] feat(ui): add loading state to sidebar layout

---
 apps/dokploy/components/layouts/side.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/apps/dokploy/components/layouts/side.tsx b/apps/dokploy/components/layouts/side.tsx
index 805fe8dc..f7a63064 100644
--- a/apps/dokploy/components/layouts/side.tsx
+++ b/apps/dokploy/components/layouts/side.tsx
@@ -751,6 +751,7 @@ export default function Page({ children }: Props) {
 	const [defaultOpen, setDefaultOpen] = useState<boolean | undefined>(
 		undefined,
 	);
+	const [isLoaded, setIsLoaded] = useState(false);
 
 	useEffect(() => {
 		const cookieValue = document.cookie
@@ -759,6 +760,7 @@ export default function Page({ children }: Props) {
 			?.split("=")[1];
 
 		setDefaultOpen(cookieValue === undefined ? true : cookieValue === "true");
+		setIsLoaded(true);
 	}, []);
 
 	const router = useRouter();
@@ -780,9 +782,9 @@ export default function Page({ children }: Props) {
 		pathname,
 	);
 
-	// const showProjectsButton =
-	//   currentPath === "/dashboard/projects" &&
-	//   (auth?.rol === "owner" || user?.canCreateProjects);
+	if (!isLoaded) {
+		return <div className="w-full h-screen bg-background" />; // Placeholder mientras se carga
+	}
 
 	return (
 		<SidebarProvider