gotthard_g/aaredb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added contacts and addresses manager

Browse Source
This commit is contained in:
GotthardG
2024-11-04 21:31:01 +01:00
parent 689145150a
commit 4e76db4c9f
11 changed files with 467 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
frontend/src/components/ResponsiveAppBar.tsx
View File

@ -23,6 +23,14 @@ const pages = [
{ name: 'Results', path: '/results' }
];
// User menu items
const userMenuItems = [
{ name: 'My Contacts', path: '/contacts_manager' },
{ name: 'My Addresses', path: '/addresses_manager' },
{ name: 'DUO', path: '/duo' },
{ name: 'Logout', path: '/logout' }
];
const ResponsiveAppBar: React.FC = () => {
const [anchorElNav, setAnchorElNav] = useState<null | HTMLElement>(null);
const [anchorElUser, setAnchorElUser] = useState<null | HTMLElement>(null);
@ -141,8 +149,13 @@ const ResponsiveAppBar: React.FC = () => {
open={Boolean(anchorElUser)}
onClose={handleCloseUserMenu}
>
<MenuItem onClick={handleCloseUserMenu}>DUO</MenuItem>
<MenuItem onClick={handleCloseUserMenu}>Logout</MenuItem>
{userMenuItems.map((item) => (
<MenuItem key={item.name} onClick={handleCloseUserMenu}>
<Link to={item.path} style={{ textDecoration: 'none', color: 'inherit' }}>
{item.name}
</Link>
</MenuItem>
))}
</Menu>
</Box>
</Toolbar>
@ -152,4 +165,4 @@ const ResponsiveAppBar: React.FC = () => {
);
};
export default ResponsiveAppBar;
export default ResponsiveAppBar;