danak/negareh-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

header
deploy to danak / build_and_deploy (push) Has been cancelled
Details

Browse Source
This commit is contained in:
morteza-mortezai
2026-07-02 21:30:52 +03:30
parent 8402e3e25a
commit 6f353567da
1 changed files with 25 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/shared/Header.tsx
+25 -8
View File
@@ -17,6 +17,11 @@ const Header: FC = () => {
const [popoverKey, setPopoverKey] = useState(0);
const { setOpenSidebar, openSidebar } = useSharedStore()
const { data } = useGetAdminMe()
const admin = data?.data
const displayName = [admin?.firstName, admin?.lastName].filter(Boolean).join(' ').trim()
const roleTitle = admin?.role?.title || admin?.role?.name || ''
const initials = `${String(admin?.firstName ?? '').charAt(0)}${String(admin?.lastName ?? '').charAt(0)}`
useEffect(() => {
setPopoverKey((prevKey) => prevKey + 1);
@@ -44,16 +49,23 @@ const Header: FC = () => {
</Link>
<Link className='hidden xl:block' to={Pages.wallet}> */}
<Notifications />
{data?.data && (
{admin && (
<Popover className="relative" key={popoverKey}>
<PopoverButton>
<div className='flex gap-2 items-center mt-2.5'>
<div className='size-6 rounded-full bg-description overflow-hidden flex items-center justify-center text-white text-xs font-medium'>
{String(data?.data?.firstName ?? '').charAt(0)}{String(data?.data?.lastName ?? '').charAt(0)}
{initials}
</div>
<div className='xl:flex hidden gap-1 items-center'>
<div className='text-xs'>
{data?.data?.firstName + ' ' + data?.data?.lastName}
<div className='flex flex-col items-start'>
<div className='text-xs'>
{displayName || admin.phone}
</div>
{roleTitle && (
<div className='text-[10px] text-description'>
{roleTitle}
</div>
)}
</div>
<ArrowDown2 size={14} color='#8C90A3' />
</div>
@@ -64,15 +76,20 @@ const Header: FC = () => {
<div className='absolute xl:hidden top-6 left-6'>
<CloseCircle onClick={() => setPopoverKey((prevKey) => prevKey + 1)} size={20} color='black' />
</div>
<Link to={`${Paths.admin.update}${data?.data?.id}`} className='flex flex-col gap-2 items-center justify-center border-b border-[#EAEDF5] pb-4'>
<Link to={`${Paths.admin.update}${admin.id}`} className='flex flex-col gap-2 items-center justify-center border-b border-[#EAEDF5] pb-4'>
<div className='size-14 rounded-full bg-description flex items-center justify-center text-white text-lg font-medium'>
{String(data?.data?.firstName ?? '').charAt(0)}{String(data?.data?.lastName ?? '').charAt(0)}
{initials}
</div>
<div>
{data?.data?.firstName + ' ' + data?.data?.lastName}
{displayName || admin.phone}
</div>
{roleTitle && (
<div className='text-description'>
{roleTitle}
</div>
)}
<div className='text-description'>
{String(data?.data?.phone ?? '')}
{String(admin.phone ?? '')}
</div>
</Link>