From 5e52c9029995584b3858d8c7a8bac63f3dd5b0bb Mon Sep 17 00:00:00 2001
From: Llewellyn D'souza <lledsouza2209@gmail.com>
Date: Wed, 2 Feb 2022 12:45:35 +0530
Subject: [PATCH] Added: 'hide' unnecessary navbar items

---
 src/components/Sidenav/index.js | 17 +++++++++++++----
 src/routes/index.js             |  2 ++
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/components/Sidenav/index.js b/src/components/Sidenav/index.js
index 38573fd..c52fbb9 100644
--- a/src/components/Sidenav/index.js
+++ b/src/components/Sidenav/index.js
@@ -59,7 +59,6 @@ function Sidenav({ color, brandName, routes, ...rest }) {
   const items = pathname.split('/').slice(1);
   const itemParentName = items[1];
   const itemName = items[items.length - 1];
-  
 
   let textColor = 'white';
 
@@ -120,9 +119,11 @@ function Sidenav({ color, brandName, routes, ...rest }) {
   };
   // Render the all the collpases from the routes.js
   const renderCollapse = (collapses) =>
-    collapses.map(({ name, collapse, route, href, key }) => {
+    collapses.map(({ name, collapse, route, href, key, hide }) => {
       let returnValue;
 
+      if (hide) return null;
+
       if (collapse) {
         returnValue = (
           <SidenavItem
@@ -162,9 +163,11 @@ function Sidenav({ color, brandName, routes, ...rest }) {
 
   // Render all the routes from the routes.js (All the visible items on the Sidenav)
   const renderRoutes = routes.map(
-    ({ type, name, icon, title, collapse, noCollapse, key, href }) => {
+    ({ type, name, icon, title, collapse, noCollapse, key, href, hide }) => {
       let returnValue;
 
+      if (hide) return null;
+
       if (type === 'collapse') {
         returnValue = href ? (
           <Link
@@ -251,7 +254,13 @@ function Sidenav({ color, brandName, routes, ...rest }) {
             width={!brandName && '100%'}
             sx={(theme) => sidenavLogoLabel(theme, { miniSidenav })}
           >
-            <MDTypography fontSize="2rem"  component="h1" variant="button" fontWeight="bold"  color={textColor}>
+            <MDTypography
+              fontSize="2rem"
+              component="h1"
+              variant="button"
+              fontWeight="bold"
+              color={textColor}
+            >
               {brandName}
             </MDTypography>
           </MDBox>
diff --git a/src/routes/index.js b/src/routes/index.js
index b878c21..98d5a74 100644
--- a/src/routes/index.js
+++ b/src/routes/index.js
@@ -99,12 +99,14 @@ const protectedRoutes = [
     type: 'collapse',
     name: 'Test',
     key: 'Test',
+    hide: true,
     icon: <Icon fontSize="medium">dashboard</Icon>,
     collapse: [
       {
         name: 'Dashboard',
         key: 'dashboard',
         route: '/dashboard',
+        hide: true,
         component: <DashboardScreen />
       }
     ]