Added logged in username display
This commit is contained in:
Binary file not shown.
@@ -107,5 +107,6 @@
|
||||
"discount100": "Rabatt in %",
|
||||
"deleteProduct": "Produkt löschen",
|
||||
"description": "Beschreibung",
|
||||
"images": "Bilder"
|
||||
"images": "Bilder",
|
||||
"loggedInAs": "Angemeldet als"
|
||||
}
|
||||
|
||||
@@ -107,5 +107,6 @@
|
||||
"discount100": "Discount in %",
|
||||
"deleteProduct": "Delete Product",
|
||||
"description": "Description",
|
||||
"images": "Images"
|
||||
"images": "Images",
|
||||
"loggedInAs": "Logged in as"
|
||||
}
|
||||
@@ -43,6 +43,11 @@ export default function NavBar() {
|
||||
const pages = pageKeys.map(key => ({ key, label: t(key) }));
|
||||
const settings = user
|
||||
? [
|
||||
{
|
||||
key: 'email',
|
||||
label: `${t('loggedInAs')}: ${user.email}`,
|
||||
disabled: true // wir nutzen dieses Flag gleich zur Erkennung
|
||||
},
|
||||
{ key: 'account', label: t('account') },
|
||||
{ key: 'orders', label: t('orders') },
|
||||
{ key: 'logout', label: t('logout') }
|
||||
@@ -234,8 +239,14 @@ export default function NavBar() {
|
||||
open={Boolean(anchorElUser)}
|
||||
onClose={() => setAnchorElUser(null)}
|
||||
>
|
||||
{settings.map(({ key, label }) => (
|
||||
<MenuItem key={key} onClick={() => handleCloseUserMenu(key)}>
|
||||
{settings.map(({ key, label, disabled }) => (
|
||||
<MenuItem
|
||||
key={key}
|
||||
onClick={() => {
|
||||
if (!disabled) handleCloseUserMenu(key);
|
||||
}}
|
||||
disabled={disabled}
|
||||
>
|
||||
<Typography sx={{ textAlign: "center" }}>{label}</Typography>
|
||||
</MenuItem>
|
||||
))}
|
||||
|
||||
Reference in New Issue
Block a user