add picture in user Avatar

hdcola · Nov 2, 2024 · 3289188 · 3289188
1 parent 40f9f7a
commit 3289188
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
@@ -34,7 +34,7 @@ const Navbar = () => {
     const [searchQuery, setSearchQuery] = useState<string>('');
     const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);
     const open = Boolean(anchorEl);
-    const { isLoggedIn, logout, username } = useLoginStore();
+    const { isLoggedIn, logout, username, picture } = useLoginStore();
 
     const navigate = useNavigate();
     const handleClick = (event: MouseEvent<HTMLButtonElement>) => {
@@ -126,7 +126,14 @@ const Navbar = () => {
                             </IconButton>
                             {isLoggedIn ? (
                                 <IconButton onClick={handleClick}>
-                                    <Avatar>{username}</Avatar>
+                                    {picture ? (
+                                        <Avatar
+                                            alt={username}
+                                            src={picture}
+                                        ></Avatar>
+                                    ) : (
+                                        <Avatar>{username}</Avatar>
+                                    )}
                                 </IconButton>
                             ) : (
                                 <>