From c868ea8795a15dd01e861da5b3ee56dc7ae92d87 Mon Sep 17 00:00:00 2001
From: Tiago Ribeiro <tiago.ribeiro@ecrop.dev>
Date: Mon, 22 Jan 2024 14:18:08 +0000
Subject: [PATCH] Turned the nav to Gray when it is disabled

---
 src/components/Sidebar.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index b9da2b6c..19712a67 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -45,8 +45,9 @@ const Nav = ({Icon, label, path, keyPath, disabled = false, isMinimized = false}
 	<Link
 		href={!disabled ? keyPath : ""}
 		className={clsx(
-			"p-4 rounded-full flex gap-4 items-center cursor-pointer text-gray-500 hover:bg-mti-purple-light hover:text-white",
+			"p-4 rounded-full flex gap-4 items-center text-gray-500 hover:text-white",
 			"transition-all duration-300 ease-in-out",
+			disabled ? "hover:bg-mti-gray-dim cursor-not-allowed" : "hover:bg-mti-purple-light cursor-pointer",
 			path === keyPath && "bg-mti-purple-light text-white",
 			isMinimized ? "w-fit" : "w-full min-w-[200px] 2xl:min-w-[220px] px-8",
 		)}>