From 51e6c4cad0cb07b0ec2c7c4f033f9e688e2cf26c Mon Sep 17 00:00:00 2001
From: Levi Planelles <leviplanellesgranata@gmail.com>
Date: Tue, 27 Jan 2026 16:29:20 +0100
Subject: [PATCH] no se ni lo que es esto

---
 components/app-sidebar.tsx | 36 ++++++++++++++++++++++++++----------
 lib/usersService.ts        |  5 +++--
 2 files changed, 29 insertions(+), 12 deletions(-)

diff --git a/components/app-sidebar.tsx b/components/app-sidebar.tsx
index 6330b45..06ba1de 100644
--- a/components/app-sidebar.tsx
+++ b/components/app-sidebar.tsx
@@ -1,4 +1,5 @@
 "use client";
+import { useEffect, useState } from "react";
 import { getUser } from "@/lib/usersService"; 
 
 import {
@@ -51,17 +52,32 @@ const items = [
   },
 ];
 
-const realUser = await getUser()
-
-// Datos del usuario (esto luego vendrá de tu auth)
-const user = {
-  name: `${realUser.firstname} ${realUser.lastname}`,
-  email: realUser.email,
-  avatar: "/avatar.jpg", // o null si no tienes imagen
-  initials: `${realUser.firstname.charAt(0)}${realUser.lastname.charAt(0)}`
-};
-
 export function AppSidebar() {
+  const [user, setUser] = useState({
+    name: "Cargando...",
+    email: "",
+    avatar: "/avatar.jpg",
+    initials: "..."
+  });
+
+  useEffect(() => {
+    async function loadUser() {
+      try {
+        const realUser = await getUser();
+        setUser({
+          name: `${realUser.firstname} ${realUser.lastname}`,
+          email: realUser.email,
+          avatar: "/avatar.jpg",
+          initials: `${realUser.firstname.charAt(0)}${realUser.lastname.charAt(0)}`
+        });
+      } catch (error) {
+        console.error("Failed to load user:", error);
+        setUser(prev => ({ ...prev, name: "Usuario desconocido" }));
+      }
+    }
+    loadUser();
+  }, []);
+
   return (
     <Sidebar>
       <SidebarContent>
diff --git a/lib/usersService.ts b/lib/usersService.ts
index 3c04a45..5449245 100644
--- a/lib/usersService.ts
+++ b/lib/usersService.ts
@@ -1,5 +1,6 @@
 import { dolibarrFetch } from "./dolibarrClient";
 
-export async function getUser() {
-  return dolibarrFetch("users/3");
+export async function getUser(id?: string) {
+  const userId = id || process.env.NEXT_PUBLIC_DOLIBARR_USER_ID || "1";
+  return dolibarrFetch(`users/${userId}`);
 }
\ No newline at end of file