From 6d859cde0a0d9236a0a0327cbf60eaff0a1aa7ed Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Sun, 10 Sep 2023 10:37:29 +0200
Subject: [PATCH] Created the AccountMenu.jsx

---
 .../components/AccountMenu/AccountMenu.jsx    | 25 +++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 src/states/Dashboard/components/Header/components/AccountMenu/AccountMenu.jsx

diff --git a/src/states/Dashboard/components/Header/components/AccountMenu/AccountMenu.jsx b/src/states/Dashboard/components/Header/components/AccountMenu/AccountMenu.jsx
new file mode 100644
index 0000000..7caa748
--- /dev/null
+++ b/src/states/Dashboard/components/Header/components/AccountMenu/AccountMenu.jsx
@@ -0,0 +1,25 @@
+import {Divider, Menu, ListItemIcon, MenuItem, Typography, Avatar} from "@mui/material";
+import {Logout} from "@mui/icons-material";
+import {UserContext} from "@contexts/User";
+import {useContext} from "react";
+
+export const AccountMenu = ({open, setOpen}) => {
+
+    const {user, logout} = useContext(UserContext);
+
+    return (
+        <Menu anchorEl={document.getElementById("menu")} open={open} onClose={() => setOpen(false)}>
+            <MenuItem>
+                <Typography variant="inherit">Hi, <Typography variant="span" fontWeight={600}>{user.username}</Typography></Typography>
+                <Avatar src={user.avatar} alt={user.username} sx={{ml: 1, width: 24, height: 24}}/>
+            </MenuItem>
+            <Divider/>
+            <MenuItem onClick={logout}>
+                <ListItemIcon>
+                    <Logout fontSize="small"/>
+                </ListItemIcon>
+                Abmelden
+            </MenuItem>
+        </Menu>
+    )
+}
\ No newline at end of file