From b26e1ff1673111bfc5df592ac0b85d9499d2fd80 Mon Sep 17 00:00:00 2001
From: louiscklaw <louiscklaw@users.noreply.github.com>
Date: Sun, 11 May 2025 13:47:14 +0800
Subject: [PATCH] update user-button,

---
 .../dashboard/layout/vertical/main-nav/user-button.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/002_source/cms/src/components/dashboard/layout/vertical/main-nav/user-button.tsx b/002_source/cms/src/components/dashboard/layout/vertical/main-nav/user-button.tsx
index 44698ff..56d01ff 100644
--- a/002_source/cms/src/components/dashboard/layout/vertical/main-nav/user-button.tsx
+++ b/002_source/cms/src/components/dashboard/layout/vertical/main-nav/user-button.tsx
@@ -9,9 +9,12 @@ import type { User } from '@/types/user';
 import { usePopover } from '@/hooks/use-popover';
 
 import { UserPopover } from '../../user-popover/user-popover';
+import { useUser } from '@/hooks/use-user';
+import getImageUrlFromFile from '@/lib/get-image-url-from-file.ts';
 // import { NotificationsButton } from './notifications-button';
 
-const user = {
+// TODO:remove me
+const user1 = {
   id: 'USR-000',
   name: 'Sofia Rivers',
   avatar: '/assets/avatar.png',
@@ -20,6 +23,9 @@ const user = {
 
 export function UserButton(): React.JSX.Element {
   const popover = usePopover<HTMLButtonElement>();
+  const { user, error, isLoading } = useUser();
+
+  if (!user) return <>loading</>;
 
   return (
     <React.Fragment>
@@ -44,7 +50,7 @@ export function UserButton(): React.JSX.Element {
           }}
           variant="dot"
         >
-          <Avatar src={user.avatar} />
+          <Avatar src={getImageUrlFromFile(user.collectionId, user.id, user.avatar)} />
         </Badge>
       </Box>
       <UserPopover