Added user icon even if the autologin is off

This commit is contained in:
Lucas Oliveira 2024-04-24 00:27:38 +02:00
commit ec94bed45e

View file

@ -168,50 +168,70 @@ export default function Header(): JSX.Element {
/> />
</button> </button>
)} )}
{!autoLogin && (
<> <>
<Separator orientation="vertical" /> <Separator orientation="vertical" />
<DropdownMenu> <DropdownMenu>
<DropdownMenuTrigger asChild> <DropdownMenuTrigger asChild>
<button <button
className={ className={
"h-7 w-7 rounded-full focus-visible:outline-0 " + "h-7 w-7 rounded-full focus-visible:outline-0 " +
(userData?.profile_image ?? (userData?.profile_image ??
gradients[ (userData?.id
parseInt(userData?.id ?? "", 30) % gradients.length ? gradients[
]) parseInt(userData?.id ?? "", 30) % gradients.length
} ]
/> : "bg-gray-500"))
</DropdownMenuTrigger> }
<DropdownMenuContent> />
<DropdownMenuLabel>My Account</DropdownMenuLabel> </DropdownMenuTrigger>
<DropdownMenuSeparator /> <DropdownMenuContent>
{isAdmin && ( <DropdownMenuLabel>General</DropdownMenuLabel>
<DropdownMenuSeparator />
<DropdownMenuItem
className="cursor-pointer"
onClick={() => navigate("/global-variables")}
>
Global Variables
</DropdownMenuItem>
<DropdownMenuItem
className="cursor-pointer"
onClick={() => navigate("/shortcuts")}
>
Shortcuts
</DropdownMenuItem>
{!autoLogin && (
<>
<DropdownMenuLabel>My Account</DropdownMenuLabel>
<DropdownMenuSeparator />
{isAdmin && (
<DropdownMenuItem
className="cursor-pointer"
onClick={() => navigate("/admin")}
>
Admin Page
</DropdownMenuItem>
)}
<DropdownMenuItem <DropdownMenuItem
className="cursor-pointer" className="cursor-pointer"
onClick={() => navigate("/admin")} onClick={() => navigate("/account/settings")}
> >
Admin Page Profile Settings
</DropdownMenuItem> </DropdownMenuItem>
)} <DropdownMenuItem
<DropdownMenuItem className="cursor-pointer"
className="cursor-pointer" onClick={() => {
onClick={() => navigate("/account/settings")} logout();
> }}
Profile Settings >
</DropdownMenuItem> Sign Out
<DropdownMenuItem </DropdownMenuItem>
className="cursor-pointer" </>
onClick={() => { )}
logout(); </DropdownMenuContent>
}} </DropdownMenu>
> </>
Sign Out
</DropdownMenuItem>
</DropdownMenuContent>
</DropdownMenu>
</>
)}
</div> </div>
</div> </div>
</div> </div>