diff --git a/Client/src/Components/Sidebar/index.jsx b/Client/src/Components/Sidebar/index.jsx index 80a47b68c..bb2097944 100644 --- a/Client/src/Components/Sidebar/index.jsx +++ b/Client/src/Components/Sidebar/index.jsx @@ -41,6 +41,8 @@ import ArrowUp from "../../assets/icons/up-arrow.svg?react"; import ArrowRight from "../../assets/icons/right-arrow.svg?react"; import ArrowLeft from "../../assets/icons/left-arrow.svg?react"; import DotsVertical from "../../assets/icons/dots-vertical.svg?react"; +import ChangeLog from "../../assets/icons/changeLog.svg?react"; +import Docs from "../../assets/icons/docs.svg?react"; import "./index.css"; @@ -71,6 +73,8 @@ const menu = [ const other = [ { name: "Support", path: "support", icon: }, { name: "Settings", path: "settings", icon: }, + { name: "Docs", path: "docs", icon: }, + { name: "Changelog", path: "changelog", icon: }, ]; /** @@ -498,14 +502,33 @@ function Sidebar() { className={ location.pathname.includes(item.path) ? "selected-path" : "" } - onClick={() => - item.path === "support" - ? window.open( + onClick={ + () => { + if (item.path === "support") { + window.open( "https://github.com/bluewave-labs/bluewave-uptime/issues", "_blank", "noreferrer" - ) - : navigate(`/${item.path}`) + ); + } + else if(item.path === "docs"){ + window.open( + "https://bluewavelabs.gitbook.io/uptime-manager", + "_blank", + "noreferrer" + ) + } + else if(item.path === "changelog"){ + window.open( + "https://github.com/bluewave-labs/bluewave-uptime/releases", + "_blank", + "noreferrer" + ) + } + else{ + navigate(`/${item.path}`) + } + } } sx={{ gap: theme.spacing(4), diff --git a/Client/src/assets/icons/changeLog.svg b/Client/src/assets/icons/changeLog.svg new file mode 100644 index 000000000..d12f6c10e --- /dev/null +++ b/Client/src/assets/icons/changeLog.svg @@ -0,0 +1,3 @@ + + + diff --git a/Client/src/assets/icons/docs.svg b/Client/src/assets/icons/docs.svg new file mode 100644 index 000000000..d36458de2 --- /dev/null +++ b/Client/src/assets/icons/docs.svg @@ -0,0 +1,3 @@ + + +