up

src/shared/Header.tsx

@@ -1,5 +1,6 @@
 import { type FC } from 'react'
 import Input from '@/components/Input'
+import PresignedImage from '@/components/PresignedImage'
 import { HambergerMenu, Wallet } from 'iconsax-react'
 import Notifications from '@/pages/notification/Notification'
 import { useSharedStore } from './store/useSharedStore'
@@ -50,7 +51,15 @@ const Header: FC = () => {
                 {displayName && (
                     <div className='flex gap-2 items-center'>
                         <div className='size-6 rounded-full bg-description overflow-hidden flex items-center justify-center text-white text-xs font-medium'>
-                            {initials}
+                            {data?.avatarUrl ? (
+                                <PresignedImage
+                                    src={data.avatarUrl}
+                                    className='size-full object-cover'
+                                    alt=''
+                                />
+                            ) : (
+                                initials
+                            )}
                         </div>
                         <div className='xl:block hidden text-xs'>
                             {displayName}