.env.example

@@ -1,2 +1 @@
 DATABASE_URL=postgres://postgres:password@127.0.0.1:5432/next-dashboard
-ENVIRONMENT=prod

README.md

@@ -8,16 +8,6 @@ Showcase: [website](https://next-dashboard.tzgyn.com) hosted on linode using doc
 -   [Postgres](https://www.postgresql.org/)
 -   [Docker](https://www.docker.com/) to self host
 
-## Environments
-
-Copy .env.example to .env.local before building
-
-```bash
-DATABASE_URL=postgres://{postgres}:{password}@127.0.0.1:5432/next-dashboard
-ENVIRONMENT=prod
-
-```
-
 # Next.js & NextUI Template
 
 This is a template for creating applications using Next.js 13 (app directory) and NextUI (v2).

components/navbar.tsx

@@ -1,14 +1,6 @@
 'use client'
 
 import {
-	Avatar,
-	AvatarIcon,
-	Button,
-	Dropdown,
-	DropdownMenu,
-	DropdownItem,
-	DropdownTrigger,
-	Link,
 	Navbar as NextUINavbar,
 	NavbarContent,
 	NavbarMenu,
@@ -16,7 +8,16 @@ import {
 	NavbarBrand,
 	NavbarItem,
 	NavbarMenuItem,
-} from '@nextui-org/react'
+} from '@nextui-org/navbar'
+import {
+	Dropdown,
+	DropdownMenu,
+	DropdownItem,
+	DropdownTrigger,
+} from '@nextui-org/dropdown'
+import { Avatar, AvatarIcon } from '@nextui-org/avatar'
+import { Link } from '@nextui-org/link'
+import { Button } from '@nextui-org/react'
 
 import { link as linkStyles } from '@nextui-org/theme'
 
@@ -69,15 +70,10 @@ export const Navbar = ({
 							icon={'mdi:bookmark-box'}
 							fontSize={32}
 						/>
+						<p className='font-bold text-inherit'>Dashboard</p>
 					</NextLink>
 				</NavbarBrand>
-				{siteConfig.navItems.map((item) => {
+				{siteConfig.navItems.map((item) => (
-					if (
-						pathname.startsWith('/dashboard') &&
-						item.label === 'Dashboard'
-					)
-						return
-					return (
 					<NavbarItem
 						key={item.href}
 						className='hidden sm:flex'>
@@ -91,8 +87,7 @@ export const Navbar = ({
 							{item.label}
 						</NextLink>
 					</NavbarItem>
-					)
+				))}
-				})}
 				{pathname.startsWith('/dashboard') && (
 					<NavbarItem className='hidden sm:flex'>
 						<Dropdown>
@@ -161,23 +156,23 @@ export const Navbar = ({
 
 			<NavbarMenu>
 				<div className='mx-4 mt-2 flex flex-col gap-2'>
-					{siteConfig.navMenuItems.map((item, index) => {
+					{siteConfig.navMenuItems.map((item, index) => (
-						if (
-							pathname.startsWith('/dashboard') &&
-							item.label === 'Dashboard'
-						)
-							return
-						return (
 						<NavbarMenuItem key={`${item}-${index}`}>
 							<Link
-									color={'foreground'}
+								color={
+									index === 2
+										? 'primary'
+										: index ===
+										  siteConfig.navMenuItems.length - 1
+										? 'danger'
+										: 'foreground'
+								}
 								href={item.href}
 								size='lg'>
 								{item.label}
 							</Link>
 						</NavbarMenuItem>
-						)
+					))}
-					})}
 					{pathname.startsWith('/dashboard') &&
 						categories.length > 0 &&
 						categories.map((category) => (