From 6a6061b8e255a68a7bfbe5b664c32bfd0a524ed0 Mon Sep 17 00:00:00 2001
From: soufiane <soufiane.baali99@gmail.com>
Date: Mon, 8 Dec 2025 16:37:46 +0100
Subject: [PATCH] fix: remove unused SharedSidebar component to reduce
 duplication
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 components/shared/SharedSidebar.tsx | 102 ----------------------------
 1 file changed, 102 deletions(-)
 delete mode 100644 components/shared/SharedSidebar.tsx

diff --git a/components/shared/SharedSidebar.tsx b/components/shared/SharedSidebar.tsx
deleted file mode 100644
index 7acf3b7..0000000
--- a/components/shared/SharedSidebar.tsx
+++ /dev/null
@@ -1,102 +0,0 @@
-"use client";
-
-import Link from "next/link";
-import { usePathname } from "next/navigation";
-import { Menu, X } from "lucide-react";
-import { useState } from "react";
-import Logo from "@/components/Logo";
-
-export interface NavItem {
-  label: string;
-  href: string;
-  icon: React.ReactNode;
-  color: string;
-}
-
-export interface SidebarProps {
-  navItems: NavItem[];
-  title: string;
-  subtitle: string;
-  activeStyles: Record<string, string>;
-}
-
-export function SharedSidebar({ navItems, title, subtitle, activeStyles }: SidebarProps) {
-  const pathname = usePathname();
-  const [isOpen, setIsOpen] = useState(false);
-
-  const isActive = (href: string) => pathname === href;
-
-  const getActiveStyles = (color: string) => {
-    return activeStyles[color] || activeStyles[Object.keys(activeStyles)[0]];
-  };
-
-  return (
-    <>
-      {/* Mobile menu button */}
-      <button
-        onClick={() => setIsOpen(!isOpen)}
-        className="lg:hidden fixed top-4 left-4 z-50 p-2 rounded-xl bg-white shadow-lg hover:bg-gray-50 border border-gray-100"
-      >
-        {isOpen ? (
-          <X className="w-6 h-6 text-gray-600" />
-        ) : (
-          <Menu className="w-6 h-6 text-gray-600" />
-        )}
-      </button>
-
-      {/* Overlay for mobile */}
-      {isOpen && (
-        <div
-          className="lg:hidden fixed inset-0 bg-black/50 backdrop-blur-sm z-30"
-          onClick={() => setIsOpen(false)}
-        />
-      )}
-
-      {/* Sidebar */}
-      <aside
-        className={`
-          fixed top-0 left-0 h-full bg-[#faf8f5] shadow-xl z-40 transition-transform duration-300 ease-in-out border-r border-gray-200
-          ${isOpen ? "translate-x-0" : "-translate-x-full"}
-          lg:translate-x-0 lg:static
-          w-72
-        `}
-      >
-        <div className="flex flex-col h-full">
-          {/* Logo/Header */}
-          <div className="p-6 border-b border-gray-200">
-            <div className="flex items-center gap-3">
-              <Logo size="md" showText={false} />
-              <div>
-                <h2 className="text-xl font-bold text-[#1e3a5f]">{title}</h2>
-                <p className="text-sm text-gray-500">{subtitle}</p>
-              </div>
-            </div>
-          </div>
-
-          {/* Navigation */}
-          <nav className="flex-1 p-4 space-y-2">
-            <p className="text-xs font-semibold text-gray-400 uppercase tracking-wider px-4 mb-3">Menu Principal</p>
-            {navItems.map((item) => (
-              <Link
-                key={item.href}
-                href={item.href}
-                onClick={() => setIsOpen(false)}
-                className={`
-                  flex items-center gap-3 px-4 py-3 rounded-xl transition-all duration-200
-                  ${
-                    isActive(item.href)
-                      ? getActiveStyles(item.color)
-                      : "text-gray-600 hover:bg-gray-100 hover:text-gray-900"
-                  }
-                `}
-              >
-                {item.icon}
-                <span className="font-medium">{item.label}</span>
-              </Link>
-            ))}
-          </nav>
-        </div>
-      </aside>
-    </>
-  );
-}