Switch to legacy navigation

Author: modularcoder

src/_common/AppSidebar/AppSidebar.tsx

@@ -6,6 +6,7 @@ import Typography from '@material-ui/core/Typography'
 
 import BaseLogo from '_common/BaseLogo'
 import SidebarNav from './SidebarNav'
+import SidebarNavRecursive from './SidebarNavRecursive'
 
 export type AppSidebarProps = {
   isCollapsed?: boolean
@@ -40,7 +41,8 @@ const Sidebar: React.FC<AppSidebarProps> = (props) => {
             </Typography>
           </Link>
         </div>
-        <SidebarNav />
+        {/* <SidebarNav /> */}
+        <SidebarNavRecursive />
       </div>
     </aside>
   )

src/_common/AppSidebar/SidebarNavRecursive/NavItem.tsx

@@ -316,8 +316,12 @@ const useStyles = makeStyles((theme) =>
       background: 'rgba(0, 0, 0, 0.08)',
     },
     navItem: {
+      color: '#fff',
       position: 'relative',
       transition: 'background .23s ease',
+      '& a': {
+        color: 'inherit',
+      },
       '&.active:not(.open)': {
         color: theme.palette.primary.main,
         // background: 'rgba(0, 0, 0, 0.08)',