From adfcfefd3bb1432ec6b16225017f7c97248ff4b3 Mon Sep 17 00:00:00 2001
From: FlorianSpeicher <flo200538@gmail.com>
Date: Sun, 15 Jun 2025 16:56:54 +0200
Subject: [PATCH] Added dynmic avatar name loading

---
 00-backend/datasource/database.sqlite    | Bin 2727936 -> 2727936 bytes
 01-frontend/src/helper/navbar/NavBar.tsx |  10 +++++++++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/00-backend/datasource/database.sqlite b/00-backend/datasource/database.sqlite
index ee07ab439ef3832a017bad5567283e80ad11debf..073b1b4a17bf267125c6039a99eb45c58f64af4b 100644
GIT binary patch
delta 255
zcmZ9@y)Od+9LM3ia-5g;cPNgYDy3(T4oxg3iP$X0Zl76Fo4q36FjfrhAJ8;02#Lr|
zqQqVkgUxJUk&ZeWp7E)7J8pfTk#j2-(XLxLLAW9%hQzS&#E2Lbz8DkZVnR%cw8#h(
zftV80Vn$@ete6w?A`}Z^QRGA<mPB4Gi-K4YtD-2@#JVWm6Sr@&z6Fkb+KYAU+zxHu
z$`&NyZQRe~Bj0m2J@@H%`=ij``MG=8x;j2cx7}u|_+3gh%a8HfpjRC`vTJ*{XFIi)
XeOWaLyYZd{|KC}y7bmse#^viDGiO=#

delta 255
zcmZ9@KQ99T9Eb5<IlcPRUr`)a^`|(4T+(+S5fb4YSRSjSeGL`)QWnHegBV1*NiA}t
zreUr`!rqk^ASRs+&-Qt$t%g(WbrCqF%lw8@Iz%`kDf&deaK(T~2~VWOpcoRvVnk$w
ziL4kEV`5z7#Dtg>Q^FV1VnzfaFJ?tS%!zriAQnYYEQw{Y@<e#w%%v<!Sl3>xVKqCj
zU5m_*{m1YpQ`lQ~>ZiZS^T2ZxYi|1X?DgjTZo7HBRqVF+%k}6v{OIkKgjMXpKCNv>
ac5UC@PVBeBP0RlCUnk{G7?(S%S8sn<WLn<<

diff --git a/01-frontend/src/helper/navbar/NavBar.tsx b/01-frontend/src/helper/navbar/NavBar.tsx
index f101cf4..f590119 100644
--- a/01-frontend/src/helper/navbar/NavBar.tsx
+++ b/01-frontend/src/helper/navbar/NavBar.tsx
@@ -28,6 +28,7 @@ export default function NavBar() {
     const navigate = useNavigate();
     const [anchorElNav, setAnchorElNav] = React.useState<null | HTMLElement>(null);
     const [anchorElUser, setAnchorElUser] = React.useState<null | HTMLElement>(null);
+    const [avatarName, setAvatarName] = React.useState<string>(''); // Für Avatar-Tooltip
 
     const { user, logout } = useAccount();
 
@@ -96,6 +97,13 @@ export default function NavBar() {
         setItemNames(items.map((item) => item.name));
     }, [items]);
 
+    React.useEffect(() => {
+        // Setze den Avatar-Namen, wenn der Benutzer angemeldet ist
+        if (user) {
+            setAvatarName(user.email.toUpperCase());
+        }
+    }, [user]);
+
     const handleSearch = (_: React.SyntheticEvent, value: string | null) => {
 
         if (!value) {
@@ -216,7 +224,7 @@ export default function NavBar() {
                         <ThemeToggle />
                         <Tooltip title={t('openSettings')} placement='bottom-end'>
                             <IconButton onClick={handleOpenUserMenu} sx={{ p: 0 }}>
-                                <Avatar alt="Florian Speicher" src="/static/images/avatar/2.jpg" />
+                                <Avatar alt={avatarName} src="/static/images/avatar/2.jpg" />
                             </IconButton>
                         </Tooltip>
                         <Menu