Add hamburger icon (#30)

sirrus233 · Aug 17, 2024 · b19fdde · b19fdde
1 parent f139a2b
commit b19fdde
Show file tree

Hide file tree

Showing 4 changed files with 34 additions and 1 deletion.
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
diff --git a/frontend/package.json b/frontend/package.json
@@ -33,6 +33,7 @@
     "dependencies": {
         "@emotion/react": "^11.13.0",
         "@emotion/styled": "^11.13.0",
+        "@mui/icons-material": "^5.16.7",
         "@mui/joy": "^5.0.0-beta.36",
         "@mui/material": "^5.16.5",
         "react": "^18.3.1",

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
@@ -6,6 +6,7 @@ import IconButton from "@mui/joy/IconButton";
 import Drawer from "@mui/joy/Drawer";
 import List from "@mui/joy/List";
 import ListItemButton from "@mui/joy/ListItemButton";
+import { Menu as MenuIcon } from "@mui/icons-material";
 import { BrowserRouter, Routes, Route, Link } from "react-router-dom";
 import ProductionHelper from "./ProductionHelper";
 
@@ -54,7 +55,7 @@ function DrawerNavigation() {
                 onClick={() => setOpen(true)}
                 sx={{ mb: 2, p: 1 }}
             >
-                Menu
+                <MenuIcon />
             </IconButton>
             <Drawer open={open} onClose={() => setOpen(false)}>
                 <List

diff --git a/frontend/webpack.config.js b/frontend/webpack.config.js
@@ -47,4 +47,8 @@ module.exports = {
         }),
         new MiniCssExtractPlugin(),
     ],
+    performance: {
+        maxEntrypointSize: 512000,
+        maxAssetSize: 512000,
+    },
 };