From fcb50a02dea6814965658d35c86d7357e7607939 Mon Sep 17 00:00:00 2001
From: hady <hadimomin02@gmail.com>
Date: Tue, 10 Sep 2024 00:25:22 +0530
Subject: [PATCH] Adds active menu highlight && fixes few minor UI bugs

---
 .husky/pre-commit                   | 3 ---
 src/components/Appbar.tsx           | 2 +-
 src/components/CourseCard.tsx       | 5 +----
 src/components/Sidebar.tsx          | 2 +-
 src/components/ui/sidebar-items.tsx | 2 +-
 5 files changed, 4 insertions(+), 10 deletions(-)

diff --git a/.husky/pre-commit b/.husky/pre-commit
index d663f7203..a0fdd5db8 100644
--- a/.husky/pre-commit
+++ b/.husky/pre-commit
@@ -1,6 +1,3 @@
-#!/usr/bin/env sh
-. "$(dirname -- "$0")/_/husky.sh"
-
 npm run format:fix
 npm run lint:fix
 
diff --git a/src/components/Appbar.tsx b/src/components/Appbar.tsx
index 1d9bdf63f..8fd45ad31 100644
--- a/src/components/Appbar.tsx
+++ b/src/components/Appbar.tsx
@@ -69,7 +69,7 @@ export const Appbar = () => {
         className="fixed left-0 top-0 z-[999] hidden h-full flex-col border-r border-primary/10 bg-background dark:bg-background 2xl:flex"
       >
         <div className="flex h-full flex-col gap-4">
-          <div className="flex w-full items-center border-b border-primary/10 p-4">
+          <div className="flex w-full items-center justify-center border-b border-primary/10 p-4">
             {!isCollapsed && (
               <>
                 <h3 className="text-xl font-bold tracking-tighter text-primary lg:text-2xl">
diff --git a/src/components/CourseCard.tsx b/src/components/CourseCard.tsx
index 720d51056..1e57f2afe 100644
--- a/src/components/CourseCard.tsx
+++ b/src/components/CourseCard.tsx
@@ -13,10 +13,7 @@ export const CourseCard = ({
   onClick: () => void;
 }) => {
   const router = useRouter();
-  const imageUrl =
-    course.imageUrl
-      ? course.imageUrl
-      : 'banner_placeholder.png';
+  const imageUrl = course.imageUrl ? course.imageUrl : 'banner_placeholder.png';
   return (
     <div
       className={`flex w-full cursor-pointer flex-col rounded-2xl bg-primary/5 transition-all duration-300 hover:-translate-y-2 hover:border-primary/20`}
diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index 1266360a4..18a79acee 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -177,7 +177,7 @@ export function Sidebar({
             variants={sidebarVariants}
             className="fixed right-0 top-0 z-[99999] flex h-screen w-full flex-col gap-4 overflow-y-auto rounded-r-lg border-l border-primary/10 bg-neutral-50 dark:bg-neutral-900 md:max-w-[30vw]"
           >
-            <div className="sticky top-0 z-10 flex items-center justify-between border-b border-primary/10 p-5">
+            <div className="sticky top-0 z-10 flex items-center justify-between border-b border-primary/10 bg-neutral-900 p-5">
               <h4 className="text-xl font-bold tracking-tighter text-primary lg:text-2xl">
                 Course Content
               </h4>
diff --git a/src/components/ui/sidebar-items.tsx b/src/components/ui/sidebar-items.tsx
index 7e5818278..d2608daa3 100644
--- a/src/components/ui/sidebar-items.tsx
+++ b/src/components/ui/sidebar-items.tsx
@@ -25,7 +25,7 @@ export const SidebarItems = ({
   return (
     <>
       {items.map((item) => {
-        const isActive = pathname === item.href;
+        const isActive = pathname.startsWith(item.href);
         return (
           <TooltipProvider key={item.id}>
             <Tooltip>