From 924664d5c257c90a92d1930ce863df950b36b698 Mon Sep 17 00:00:00 2001 From: Kristoffer Juelsen Date: Wed, 6 Apr 2022 09:48:22 +0200 Subject: [PATCH] Appbar Update --- src/client/src/components/Appbar.js | 50 ++++++++++++++++++++++------- 1 file changed, 39 insertions(+), 11 deletions(-) diff --git a/src/client/src/components/Appbar.js b/src/client/src/components/Appbar.js index a7c725c..b6f439f 100644 --- a/src/client/src/components/Appbar.js +++ b/src/client/src/components/Appbar.js @@ -1,10 +1,21 @@ import * as React from "react"; import { BrowserRouter as Router, Link, Route, Routes, History } from "react-router-dom"; -import { AppBar, Typography, Toolbar, CssBaseline, Box, Button, IconButton, Grid } from "@mui/material" +import { AppBar, Typography, Toolbar, CssBaseline, Box, Button, IconButton, Grid, Menu, MenuItem } from "@mui/material" import MenuIcon from '@mui/icons-material/Menu'; import logo from "./../Asura2222.png"; export default function Appbar(props) { + const [auth, setAuth] = React.useState(true); + const [anchorEl, setAnchorEl] = React.useState(null); + + const handleMenu = (event) => { + setAnchorEl(event.currentTarget); + }; + + const handleClose = () => { + setAnchorEl(null); + }; + return ( <> @@ -13,23 +24,40 @@ export default function Appbar(props) { - - - Tournament logo - - {/* - - Asura Tournaments + + Tournament logo - */} + + + + Home + +

{props.pageTitle || ""}

- {/* + - */} + + + + + Logout + + + + + Account + + + + + History + + +