rede5/saveinmed
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #39 from rede5/codex/add-profile-dropdown-on-hover

Browse source 
Header: add "Meu perfil" entry and open profile dropdown on hover
This commit is contained in:
Tiago Yamamoto 2025-12-23 08:26:18 -03:00 committed by GitHub
commit 6b923e6661
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 16 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
saveinmed-frontend/src/components/Header.tsx
View file

@ -172,7 +172,12 @@ const Header = ({
</div> </div>
)} )}
<div className="relative" ref={dropdownRef}> <div
className="relative"
ref={dropdownRef}
onMouseEnter={() => setIsOpen(true)}
onMouseLeave={() => setIsOpen(false)}
>
<button <button
onClick={() => setIsOpen(!isOpen)} onClick={() => setIsOpen(!isOpen)}
className="flex items-center space-x-1 sm:space-x-3 hover:bg-gray-50 rounded-lg p-1 sm:p-2 transition-colors cursor-pointer" className="flex items-center space-x-1 sm:space-x-3 hover:bg-gray-50 rounded-lg p-1 sm:p-2 transition-colors cursor-pointer"
@ -205,8 +210,17 @@ const Header = ({
<ul className="absolute right-0 mt-2 w-48 bg-white rounded-lg shadow-lg z-10 border"> <ul className="absolute right-0 mt-2 w-48 bg-white rounded-lg shadow-lg z-10 border">
<li> <li>
<Link <Link
href="/perfil#usuario" href="/perfil"
className="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 rounded-t-lg flex items-center" className="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 rounded-t-lg flex items-center"
>
<UserIcon className="w-4 h-4 mr-2 flex-shrink-0" />
Meu perfil
</Link>
</li>
<li>
<Link
href="/perfil#usuario"
className="block px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 flex items-center"
> >
<UserIcon className="w-4 h-4 mr-2 flex-shrink-0" /> <UserIcon className="w-4 h-4 mr-2 flex-shrink-0" />
Perfil do usuário Perfil do usuário