chight/Web-Frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add navigation prevention while in Edit mode to Avatar menu options in Header

Browse Source
This commit is contained in:
Daniel S. Hansen
2025-07-31 12:40:46 -07:00
parent 364ce0b752
commit 80a0515bb1
4 changed files with 33 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/layout/Header/UserAvatarMenu.jsx
+3 -3
View File
@@ -1,7 +1,7 @@
import { Avatar, Menu, Portal, Box } from "@chakra-ui/react"
export default function UserAvatarMenu({ view, setView, name, avatar }) {
export default function UserAvatarMenu({ view, setView, onChangeView, name, avatar }) {
return (
<Menu.Root>
<Menu.Trigger focusRing="none">
@@ -21,10 +21,10 @@ export default function UserAvatarMenu({ view, setView, name, avatar }) {
{/* zIndex: overlay = 1300 */}
<Menu.Positioner zIndex="overlay">
<Menu.Content>
<Menu.Item value="account" onClick={() => setView("account")}>
<Menu.Item value="account" onClick={() => onChangeView("account")}>
Account
</Menu.Item>
<Menu.Item value="settings" onClick={() => setView("settings")}>
<Menu.Item value="settings" onClick={() => onChangeView("settings")}>
Settings
</Menu.Item>
<Menu.Item value="logout" onClick={() => console.log("Log out triggered")}>