|
|
@ -10,6 +10,7 @@ import Box from "@mui/material/Box";
|
|
|
|
import Button from "@mui/material/Button";
|
|
|
|
import Button from "@mui/material/Button";
|
|
|
|
import IconButton from "@mui/material/IconButton";
|
|
|
|
import IconButton from "@mui/material/IconButton";
|
|
|
|
import Toolbar from "@mui/material/Toolbar";
|
|
|
|
import Toolbar from "@mui/material/Toolbar";
|
|
|
|
|
|
|
|
import Tooltip from "@mui/material/Tooltip";
|
|
|
|
import Typography from "@mui/material/Typography";
|
|
|
|
import Typography from "@mui/material/Typography";
|
|
|
|
|
|
|
|
|
|
|
|
import History from "@mui/icons-material/History";
|
|
|
|
import History from "@mui/icons-material/History";
|
|
|
@ -108,6 +109,7 @@ const Navbar: FC = () => {
|
|
|
|
>
|
|
|
|
>
|
|
|
|
{pages.map((page, i) => (
|
|
|
|
{pages.map((page, i) => (
|
|
|
|
<Link key={i} href={page.link} passHref>
|
|
|
|
<Link key={i} href={page.link} passHref>
|
|
|
|
|
|
|
|
<Tooltip title={`Go to ${page.name}`}>
|
|
|
|
<Button
|
|
|
|
<Button
|
|
|
|
sx={{
|
|
|
|
sx={{
|
|
|
|
color: "white",
|
|
|
|
color: "white",
|
|
|
@ -115,11 +117,14 @@ const Navbar: FC = () => {
|
|
|
|
alignItems: "center"
|
|
|
|
alignItems: "center"
|
|
|
|
}}
|
|
|
|
}}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<Box sx={{ mr: 1, display: "flex", alignItems: "center" }}>
|
|
|
|
<Box
|
|
|
|
|
|
|
|
sx={{ mr: 1, display: "flex", alignItems: "center" }}
|
|
|
|
|
|
|
|
>
|
|
|
|
{page.icon}
|
|
|
|
{page.icon}
|
|
|
|
</Box>
|
|
|
|
</Box>
|
|
|
|
{page.name}
|
|
|
|
{page.name}
|
|
|
|
</Button>
|
|
|
|
</Button>
|
|
|
|
|
|
|
|
</Tooltip>
|
|
|
|
</Link>
|
|
|
|
</Link>
|
|
|
|
))}
|
|
|
|
))}
|
|
|
|
|
|
|
|
|
|
|
|