diff --git a/Client/src/Components/Sidebar/index.jsx b/Client/src/Components/Sidebar/index.jsx
index c4c574c8f..03c6b54ba 100644
--- a/Client/src/Components/Sidebar/index.jsx
+++ b/Client/src/Components/Sidebar/index.jsx
@@ -45,6 +45,7 @@ import Docs from "../../assets/icons/docs.svg?react";
import Folder from "../../assets/icons/folder.svg?react";
import StatusPages from "../../assets/icons/status-pages.svg?react";
import ChatBubbleOutlineRoundedIcon from "@mui/icons-material/ChatBubbleOutlineRounded";
+import Groups from "../../assets/icons/groups.svg?react";
import "./index.css";
@@ -52,6 +53,7 @@ const menu = [
{ name: "Uptime", path: "uptime", icon: },
{ name: "Pagespeed", path: "pagespeed", icon: },
{ name: "Infrastructure", path: "infrastructure", icon: },
+ { name: "Distributed Uptime", path: "distributed-uptime", icon: },
{ name: "Incidents", path: "incidents", icon: },
{ name: "Status pages", path: "status", icon: },
@@ -99,6 +101,7 @@ const PATH_MAP = {
monitors: "Dashboard",
pagespeed: "Dashboard",
infrastructure: "Dashboard",
+ ["distributed-uptime"]: "Dashboard",
account: "Account",
settings: "Settings",
};
@@ -337,15 +340,13 @@ function Sidebar() {
disableInteractive
>
navigate(`/${item.path}`)}
sx={{
- /*
- TODO we do not need this height
- minHeight: "37px", */
- p: theme.spacing(5),
+ height: "37px",
gap: theme.spacing(4),
borderRadius: theme.shape.borderRadius,
+ px: theme.spacing(4),
}}
>
{item.icon}
diff --git a/Client/src/assets/icons/groups.svg b/Client/src/assets/icons/groups.svg
new file mode 100644
index 000000000..fa2cae03c
--- /dev/null
+++ b/Client/src/assets/icons/groups.svg
@@ -0,0 +1 @@
+
\ No newline at end of file