Tables, cards, (servers)

frontend_reactjs/src/layouts/DashboardLayout.tsx

@@ -11,7 +11,7 @@ import Divider from '@mui/material/Divider';
 import IconButton from '@mui/material/IconButton';
 import Container from '@mui/material/Container';
 import MenuIcon from '@mui/icons-material/Menu';
-import { Api, Assignment, Home, People, Shield, Storage, } from '@mui/icons-material';
+import { Api, Assignment, Cloud, Factory, Home, People, Shield, Storage, } from '@mui/icons-material';
 import { ListItem, ListItemButton, ListItemIcon, ListItemText, } from '@mui/material';
 import { Outlet, useNavigate } from 'react-router-dom';
 import { UserData } from '../interfaces/auth';
@@ -95,6 +95,16 @@ const pages = [
         path: "/reports",
         icon: <Assignment />
     },
+    {
+        label: "Серверы",
+        path: "/servers",
+        icon: <Cloud />
+    },
+    {
+        label: "Котельные",
+        path: "/boilers",
+        icon: <Factory />
+    },
     {
         label: "API Test",
         path: "/api-test",
@@ -241,7 +251,13 @@ export default function DashboardLayout() {
                     }}
                 >
                     <Toolbar />
-                    <Container maxWidth="lg" sx={{ mt: 4, mb: 4 }}>
+                    <Container
+                        maxWidth="lg"
+                        sx={{
+                            mt: 4,
+                            mb: 4
+                        }}
+                    >
                         <Outlet />
                     </Container>
                 </Box>